Chủ Nhật, 27 tháng 10, 2013

HƯỚNG DẪN ĐĂNG KÝ DOMAIN PARKING

Dang ky domain parking
Domain Parking là gì ? Đây là dịch vụ cho thuê tên miền, cho phép chủ sở hữu kiếm tiền từ những domain đang sở hữu, dựa trên traffic trực tiếp vào domain.

Tên miền cho thuê sẽ được gắn vào website của công ty dịch vụ Domain Parking. Nội dung được tự động gắn vào website, tùy theo tên miền và công ty Park.


Nếu ai đó truy cập vào website và bấm vào một trong các liên kết trên website thì người chủ tên miền sẽ nhận được tiền, tối thiểu 0,01 USD cho tối vài chục USD. Ví dụ: một người gõ TamGiacVang.vn hoặc gõ kenh15.vn sẽ hiện ra trang web với một số nội dung quảng cáo mà công ty Park tên miền cung cấp.

Các dịch vụ Domain Parking

Có rất nhiều công ty có dịch vụ Park tên miền, như: Sedo.com, Voodoo.com, Bodis.com. Công việc đâu tiên bạn cần làm là đăng ký ngay một tài khoản tại một trên những website này. Thông thường các dịch vụ Park tên miền yêu cầu bạn phải xác minh email và mobile.

Sau khi đăng ký thành viên thành công, bạn cần cần thực hiện tiếp 2 việc:
  • Trỏ tên miền về công ty Park, ví dụ trên BodisBạn truy cập vào tài khoản quản lý tên miền và tạo 3 bản ghi CNAME
    @ CNAME parking.bodis.comwww CNAME parking.bodis.com* CNAME parking.bodis.com
  • Đăng nhập vào website Park tên miền, nhập tiên miền của bạn vào danh sách. Một số dịch vụ như Voodoo cho phép bạn cài đặt tiêu đề và mô tả, giúp cho website dễ dàng được tìm thấy trên Google, từ đó có nhiều traffic vào website.

Tiếp theo là chờ vài phút để tên miền được trỏ về địa chỉ mới.

Vậy làm sao để có nhiều người truy cập vào tên miền của tôi ? Bạn có thể thực hiện theo những cách sau: chọn mua tên miền đã có sẵn khách truy cập, gắn domain vào website và SEO lên trang 1 Google với từ khóa liên quan, đưa tên miền vào Parking, quảng bá tên miền tới nhiều khách hàng tiềm năng,..

Như vậy là bạn đã hoàn thành việc Park tên miền. Nếu không muốn cho thuê thì bạn có thể hủy parking bất kỳ lúc nào.
Thu nhap tu domain parking
Biểu đồ thu nhập hàng ngày từ Domain Parking

Theo quan điểm của tôi, bạn không nên coi domain parking là nguồn thu nhập chính từ tên miền, mà chỉ là nguồn thứ nhập thứ hai sau Đầu tư & Kinh doanh tên miền. Tên miền giống như bất động sản, chúng ta nên gia tăng giá trị cho nó và kiếm thu nhập từ đó. Tuy nhiên, trong lúc chờ thực hiện điều đó, bạn có thể có thu nhập được ngay bằng cách cho thuê lại tên miền.
Hãy nhớ: Tuyệt đối không để “đất” bỏ hoang.

Bạn muốn kiếm tiền từ những tên miền đang sở hữu, mua bán, đấu giá tên miền, bạn có thể tham gia vào một trong hai khóa học của tôi tại Hà Nội và TP HCM:Đầu tư và kinh doanh tên miền hoặc Kiếm tiền trên mạng (MMO Master) với 5 hình thức kiếm tiền hiệu quả nhất trong đó có Domain Parking.

Chúc các bạn kiếm thật nhiều tiền từ các tên miền của mình.

Nguyễn Trọng Thơ - SEO Master

Dang ky domain parking
Domain Parking là gì ? Đây là dịch vụ cho thuê tên miền, cho phép chủ sở hữu kiếm tiền từ những domain đang sở hữu, dựa trên traffic trực tiếp vào domain.

Tên miền cho thuê sẽ được gắn vào website của công ty dịch vụ Domain Parking. Nội dung được tự động gắn vào website, tùy theo tên miền và công ty Park.


Nếu ai đó truy cập vào website và bấm vào một trong các liên kết trên website thì người chủ tên miền sẽ nhận được tiền, tối thiểu 0,01 USD cho tối vài chục USD. Ví dụ: một người gõ TamGiacVang.vn hoặc gõ kenh15.vn sẽ hiện ra trang web với một số nội dung quảng cáo mà công ty Park tên miền cung cấp.

Các dịch vụ Domain Parking

Có rất nhiều công ty có dịch vụ Park tên miền, như: Sedo.com, Voodoo.com, Bodis.com. Công việc đâu tiên bạn cần làm là đăng ký ngay một tài khoản tại một trên những website này. Thông thường các dịch vụ Park tên miền yêu cầu bạn phải xác minh email và mobile.

Sau khi đăng ký thành viên thành công, bạn cần cần thực hiện tiếp 2 việc:
  • Trỏ tên miền về công ty Park, ví dụ trên BodisBạn truy cập vào tài khoản quản lý tên miền và tạo 3 bản ghi CNAME
    @ CNAME parking.bodis.comwww CNAME parking.bodis.com* CNAME parking.bodis.com
  • Đăng nhập vào website Park tên miền, nhập tiên miền của bạn vào danh sách. Một số dịch vụ như Voodoo cho phép bạn cài đặt tiêu đề và mô tả, giúp cho website dễ dàng được tìm thấy trên Google, từ đó có nhiều traffic vào website.

Tiếp theo là chờ vài phút để tên miền được trỏ về địa chỉ mới.

Vậy làm sao để có nhiều người truy cập vào tên miền của tôi ? Bạn có thể thực hiện theo những cách sau: chọn mua tên miền đã có sẵn khách truy cập, gắn domain vào website và SEO lên trang 1 Google với từ khóa liên quan, đưa tên miền vào Parking, quảng bá tên miền tới nhiều khách hàng tiềm năng,..

Như vậy là bạn đã hoàn thành việc Park tên miền. Nếu không muốn cho thuê thì bạn có thể hủy parking bất kỳ lúc nào.
Thu nhap tu domain parking
Biểu đồ thu nhập hàng ngày từ Domain Parking

Theo quan điểm của tôi, bạn không nên coi domain parking là nguồn thu nhập chính từ tên miền, mà chỉ là nguồn thứ nhập thứ hai sau Đầu tư & Kinh doanh tên miền. Tên miền giống như bất động sản, chúng ta nên gia tăng giá trị cho nó và kiếm thu nhập từ đó. Tuy nhiên, trong lúc chờ thực hiện điều đó, bạn có thể có thu nhập được ngay bằng cách cho thuê lại tên miền.
Hãy nhớ: Tuyệt đối không để “đất” bỏ hoang.

Bạn muốn kiếm tiền từ những tên miền đang sở hữu, mua bán, đấu giá tên miền, bạn có thể tham gia vào một trong hai khóa học của tôi tại Hà Nội và TP HCM:Đầu tư và kinh doanh tên miền hoặc Kiếm tiền trên mạng (MMO Master) với 5 hình thức kiếm tiền hiệu quả nhất trong đó có Domain Parking.

Chúc các bạn kiếm thật nhiều tiền từ các tên miền của mình.

Nguyễn Trọng Thơ - SEO Master

Thứ Tư, 16 tháng 10, 2013

Tối ưu tốc độ tải trang web với HTTP Cache

Web cache là gì
Với mỗi website, tốc độ tải là yếu tố quan trọng #1, bởi người dùng rất ghét phải chờ đợi. Bài viết này tôi hướng dẫn các bạn làm lập trình web cách thực hiện Cache các nội dung trang web bằng HTTP Headers, giúp trang web tải nhanh hơn, Server xử lý ít hơn.



Cache là gì ?

Cache là hành động lưu trữ các nội dung trên website để sử dụng lại cho những lần truy vấn tiếp theo. Ngày nay, các trình duyệt đều có thể lưu lại một bản sao mỗi hình ảnh (logo, banner,..), javascript (.js), stylesheets (.css), hoặc toàn bộ trang web. Lần sau, khi người dùng cần những nội dung này, trình duyệt sẽ sử dụng lại nội dung cũ, không cần phải kết nối tới máy chủ để tải nội dung.

Khi xem một trang web, số lần tải file càng ít thì tốc độ càng nhanh, máy chủ càng ít phải xử lý.

Dưới đây là hình ảnh mô tả cách thức trình duyệt lấy 1 nội dung từ máy chủ.

HTTP Request - Response
  1. Browser: gửi yêu cầu lấy file index.html
  2. Server: tìm & đọc nội dung file
  3. Server: trả về nội dung file
  4. Browser: hiển thị nội dung
Theo cách này, nếu bạn refresh một trang web n lần thì sẽ có n lần Browser và Server phải xử lý công việc kể trên. Trong thực tế, rất nhiều file không thay đổi nội dung trong thời gian dài. Nếu một trang web có 10 file (html, ảnh, js, css,..) thì mỗi lần bạn bấm F5 thì Browser phải thực hiện 10 lần kết nối đến Server. Bạn hãy hình dung, nếu lúc đó website có 1.000 lượt truy cập đồng thời thì tốc độ tải trang web sẽ rất chậm.

WEB CACHE #1: Last-Modified

Khi Server gửi nội dung về Browser thì kèm theo thuộc tính Last-Modified để xác định thời điểm sửa file (ví dụ: inet.png) lần cuối cùng. Ví dụ:

Last-modified: Wed, 16 Oct 2013 05:00:25 GMT+7

Lúc này, Browser biết được file inet.png được tạo ra ngày 16/10/2013. Lần sau khi cần tải lại file này, nó sẽ gửi yêu cầu đến Server kèm theo header Last-Modifed. Server chỉ trả về nội dung nếu file đã được cập nhật.

HTTP Cache - Last modified
  1. Browser: Này ông! hãy gửi cho tôi file inet.png, nhưng chỉ gửi nội dung nếu file được cập nhật nội dung sau ngày 16/10/2013
  2. Server: tìm file và kiểm tra thời điểm câp nhật cuối cùng
  3. Server: Hey! bạn thật may mắn, file bạn đang có là bản cập nhật mới nhất (304 Not Modified)
  4. Browser: OK! tôi sẽ sử dụng nội dung đã được cache.
Như vậy, Server chỉ gửi 1 dòng thông báo "Not Modified" mà không phải gửi lại nội dung file.

WEB CACHE #2: ETag

Trong bước #1 vẫn còn một số vấn đề: (1) Vẫn phải kết nối nhiều lần đến server, tại server phải xử lý thời gian cập nhật file, (2) Nếu đồng hồ trên server bị sai lệch thì nội dung file vẫn được tải xuống Browser.

Giải pháp #2 là sử dụng header ETag với giá trị là chuỗi số duy nhất cho tất cả các file trên server. Nó có thể là một mã Hash hay Footprint: mỗi file đều có footprint (dấu chân) duy nhất, nếu bạn thay đổi nội dung file (dù chỉ là 1 byte) thì footprint sẽ thay đổi.

Thay vì gửi cho Browser thời gian cập nhật lần cuối, Server sẽ gửi mã ETag. Browser sẽ lưu lại file kèm theo mã ETag. Lần sau khi cần tải lại file này, nó sẽ gửi yêu cầu đến Server kèm theo header ETag. Server chỉ trả về nội dung nếu file đã được cập nhật.

HTTP Cache - Etag, if-not-match
  1. Browser: Hãy gửi tôi file inet.png, nếu file đã thay đổi, mã etag 'ead145f'
  2. Server: Kiểm tra footprint của file inet.png
  3. Server: Hey file bạn yêu cầu chưa thay đổi nội dung (Not Modifed)
  4. Browser: OK! tôi sẽ sử dụng nội dung đã được cache.

Ví dụ: mã HTML khi tải file style.css trên trang SEOMaster.vn

GET /style.css HTTP/1.1
Host: seomaster.vn
User-Agent: Mozilla/5.0 (Windows NT)Firefox/24.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Referer: http://inet.vn/
Connection: keep-alive
If-None-Match: "inet-1331151434"
Cache-Control: max-age=0

----HTTP RESPONSE------------------
HTTP/1.1 304 Not Modified
Date: Wed, 16 Oct 2013 03:45:28 GMT+7
Server: iNET WebServer 1.3
Connection: Close
Etag: "inet-1331151434"


WEB CACHE #3: Expires

Cache theo cách #2 thì Browser vẫn phải kết nối nhiều lần đến Server để kiểm tra xem file có thay đổi nội dung. Thay vì để Browser hỏi nhiều lần, khi gửi file, Server sẽ gửi kèm header expires để thông báo rằng nội dung file sẽ không thay đổi cho đến thời điểm expires. Từ bây giờ đến lúc đó, bạn cứ lấy nội dung cache mà dùng, không phải phải hỏi nữa.

Expires: Wed, 16 Oct 2013 05:00:25 GMT+7

HTTP Caching - header Expires
Không có kết nối Browser - Server. Browser tự kiểm tra nếu file còn thời hạn thì sử dụng luôn nội dung đã được cache. Điều này sẽ làm giảm bớt công việc của Server - dành thời gian làm việc khác.

WEB CACHE #4: Max-Age

Thông tin expires (ngày hết hạn) rất tuyệt vời, nhưng Browser phải liên tục tính toán thời gian. Giải pháp #4 là sử dụng header max-age - "file inet.png sẽ hết hạn trong 1 tuần kể từ hôm nay", đơn giản hơn so với việc sử dụng chính xác thời điểm hết hạn.

Cache-Control: public | private | no-cache, max-age = n

  • Giá trị max-age được tính bằng giây, 1 giờ = 3600, 1 ngày = 86400.
  • Public: file có thể được cache bởi proxy hoặc các máy chủ trung gian
  • Private: file có giá trị khác nhau cho từng người sử dụng.
    Browser có thể cache, nhưng các proxy không được cache.
  • No-cache: Browser và Proxy không được cache file này.

KIỂM TRA TRẠNG THÁI CACHE

Như vậy là bạn đã biết cách thiết lập các HTTP Header để cache các nội dung trang web. Bạn có thể hỏi, làm sao tôi biết Browser và Server trao đổi với nhau bằng những Headers nào? Bạn hãy cài đặt addons Firefox có tên gọi 'Live HTTP Headers. Sau khi cài đặt, bạn chọn menu Tools >> Live HTTP Headers để bật chương trình, sau đó truy cập vào bất cứ trang web nào để xem các headers.

Live HTTPS Header

Ngoài ra, nếu bạn đã cài addons Web Developer thì có thể dùng luôn tính năng Network, bằng cách chọn menu: Tools >> Web Developers >> Network; Sau đó truy cập vào các trang web trên website để kiểm tra.

Xem HTTP Headers bằng Web Developer

  • Những file có trong danh sách là Browser có thực hiện kết nối tới Server
  • Những file có biểu tượng xanh sáng ở góc trái: Server gửi dữ liệu về Browser.
    Biểu tượng xám: Server không gửi dữ liệu, chỉ thông báo Not Modified.

Khi viết bài này là lúc tôi vừa tối ưu xong việc cache cho toàn bộ hệ thống WEB.TIN.VN - Hệ thống xây dựng trang web bán hàng miễn phí. Tất cả các bài viết đã được xử lý cache, tốc độ tải trang web hiện tại là rất nhanh. Bạn có thể thử nghiệm truy cập vào InternetStartup.vn, InternetCoaching.vn,..

Chúc bạn thành công!
Nguyễn Trọng Thơ - Marketing Online Master - Đào tạo SEO Master


Web cache là gì
Với mỗi website, tốc độ tải là yếu tố quan trọng #1, bởi người dùng rất ghét phải chờ đợi. Bài viết này tôi hướng dẫn các bạn làm lập trình web cách thực hiện Cache các nội dung trang web bằng HTTP Headers, giúp trang web tải nhanh hơn, Server xử lý ít hơn.



Cache là gì ?

Cache là hành động lưu trữ các nội dung trên website để sử dụng lại cho những lần truy vấn tiếp theo. Ngày nay, các trình duyệt đều có thể lưu lại một bản sao mỗi hình ảnh (logo, banner,..), javascript (.js), stylesheets (.css), hoặc toàn bộ trang web. Lần sau, khi người dùng cần những nội dung này, trình duyệt sẽ sử dụng lại nội dung cũ, không cần phải kết nối tới máy chủ để tải nội dung.

Khi xem một trang web, số lần tải file càng ít thì tốc độ càng nhanh, máy chủ càng ít phải xử lý.

Dưới đây là hình ảnh mô tả cách thức trình duyệt lấy 1 nội dung từ máy chủ.

HTTP Request - Response
  1. Browser: gửi yêu cầu lấy file index.html
  2. Server: tìm & đọc nội dung file
  3. Server: trả về nội dung file
  4. Browser: hiển thị nội dung
Theo cách này, nếu bạn refresh một trang web n lần thì sẽ có n lần Browser và Server phải xử lý công việc kể trên. Trong thực tế, rất nhiều file không thay đổi nội dung trong thời gian dài. Nếu một trang web có 10 file (html, ảnh, js, css,..) thì mỗi lần bạn bấm F5 thì Browser phải thực hiện 10 lần kết nối đến Server. Bạn hãy hình dung, nếu lúc đó website có 1.000 lượt truy cập đồng thời thì tốc độ tải trang web sẽ rất chậm.

WEB CACHE #1: Last-Modified

Khi Server gửi nội dung về Browser thì kèm theo thuộc tính Last-Modified để xác định thời điểm sửa file (ví dụ: inet.png) lần cuối cùng. Ví dụ:

Last-modified: Wed, 16 Oct 2013 05:00:25 GMT+7

Lúc này, Browser biết được file inet.png được tạo ra ngày 16/10/2013. Lần sau khi cần tải lại file này, nó sẽ gửi yêu cầu đến Server kèm theo header Last-Modifed. Server chỉ trả về nội dung nếu file đã được cập nhật.

HTTP Cache - Last modified
  1. Browser: Này ông! hãy gửi cho tôi file inet.png, nhưng chỉ gửi nội dung nếu file được cập nhật nội dung sau ngày 16/10/2013
  2. Server: tìm file và kiểm tra thời điểm câp nhật cuối cùng
  3. Server: Hey! bạn thật may mắn, file bạn đang có là bản cập nhật mới nhất (304 Not Modified)
  4. Browser: OK! tôi sẽ sử dụng nội dung đã được cache.
Như vậy, Server chỉ gửi 1 dòng thông báo "Not Modified" mà không phải gửi lại nội dung file.

WEB CACHE #2: ETag

Trong bước #1 vẫn còn một số vấn đề: (1) Vẫn phải kết nối nhiều lần đến server, tại server phải xử lý thời gian cập nhật file, (2) Nếu đồng hồ trên server bị sai lệch thì nội dung file vẫn được tải xuống Browser.

Giải pháp #2 là sử dụng header ETag với giá trị là chuỗi số duy nhất cho tất cả các file trên server. Nó có thể là một mã Hash hay Footprint: mỗi file đều có footprint (dấu chân) duy nhất, nếu bạn thay đổi nội dung file (dù chỉ là 1 byte) thì footprint sẽ thay đổi.

Thay vì gửi cho Browser thời gian cập nhật lần cuối, Server sẽ gửi mã ETag. Browser sẽ lưu lại file kèm theo mã ETag. Lần sau khi cần tải lại file này, nó sẽ gửi yêu cầu đến Server kèm theo header ETag. Server chỉ trả về nội dung nếu file đã được cập nhật.

HTTP Cache - Etag, if-not-match
  1. Browser: Hãy gửi tôi file inet.png, nếu file đã thay đổi, mã etag 'ead145f'
  2. Server: Kiểm tra footprint của file inet.png
  3. Server: Hey file bạn yêu cầu chưa thay đổi nội dung (Not Modifed)
  4. Browser: OK! tôi sẽ sử dụng nội dung đã được cache.

Ví dụ: mã HTML khi tải file style.css trên trang SEOMaster.vn

GET /style.css HTTP/1.1
Host: seomaster.vn
User-Agent: Mozilla/5.0 (Windows NT)Firefox/24.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Referer: http://inet.vn/
Connection: keep-alive
If-None-Match: "inet-1331151434"
Cache-Control: max-age=0

----HTTP RESPONSE------------------
HTTP/1.1 304 Not Modified
Date: Wed, 16 Oct 2013 03:45:28 GMT+7
Server: iNET WebServer 1.3
Connection: Close
Etag: "inet-1331151434"


WEB CACHE #3: Expires

Cache theo cách #2 thì Browser vẫn phải kết nối nhiều lần đến Server để kiểm tra xem file có thay đổi nội dung. Thay vì để Browser hỏi nhiều lần, khi gửi file, Server sẽ gửi kèm header expires để thông báo rằng nội dung file sẽ không thay đổi cho đến thời điểm expires. Từ bây giờ đến lúc đó, bạn cứ lấy nội dung cache mà dùng, không phải phải hỏi nữa.

Expires: Wed, 16 Oct 2013 05:00:25 GMT+7

HTTP Caching - header Expires
Không có kết nối Browser - Server. Browser tự kiểm tra nếu file còn thời hạn thì sử dụng luôn nội dung đã được cache. Điều này sẽ làm giảm bớt công việc của Server - dành thời gian làm việc khác.

WEB CACHE #4: Max-Age

Thông tin expires (ngày hết hạn) rất tuyệt vời, nhưng Browser phải liên tục tính toán thời gian. Giải pháp #4 là sử dụng header max-age - "file inet.png sẽ hết hạn trong 1 tuần kể từ hôm nay", đơn giản hơn so với việc sử dụng chính xác thời điểm hết hạn.

Cache-Control: public | private | no-cache, max-age = n

  • Giá trị max-age được tính bằng giây, 1 giờ = 3600, 1 ngày = 86400.
  • Public: file có thể được cache bởi proxy hoặc các máy chủ trung gian
  • Private: file có giá trị khác nhau cho từng người sử dụng.
    Browser có thể cache, nhưng các proxy không được cache.
  • No-cache: Browser và Proxy không được cache file này.

KIỂM TRA TRẠNG THÁI CACHE

Như vậy là bạn đã biết cách thiết lập các HTTP Header để cache các nội dung trang web. Bạn có thể hỏi, làm sao tôi biết Browser và Server trao đổi với nhau bằng những Headers nào? Bạn hãy cài đặt addons Firefox có tên gọi 'Live HTTP Headers. Sau khi cài đặt, bạn chọn menu Tools >> Live HTTP Headers để bật chương trình, sau đó truy cập vào bất cứ trang web nào để xem các headers.

Live HTTPS Header

Ngoài ra, nếu bạn đã cài addons Web Developer thì có thể dùng luôn tính năng Network, bằng cách chọn menu: Tools >> Web Developers >> Network; Sau đó truy cập vào các trang web trên website để kiểm tra.

Xem HTTP Headers bằng Web Developer

  • Những file có trong danh sách là Browser có thực hiện kết nối tới Server
  • Những file có biểu tượng xanh sáng ở góc trái: Server gửi dữ liệu về Browser.
    Biểu tượng xám: Server không gửi dữ liệu, chỉ thông báo Not Modified.

Khi viết bài này là lúc tôi vừa tối ưu xong việc cache cho toàn bộ hệ thống WEB.TIN.VN - Hệ thống xây dựng trang web bán hàng miễn phí. Tất cả các bài viết đã được xử lý cache, tốc độ tải trang web hiện tại là rất nhanh. Bạn có thể thử nghiệm truy cập vào InternetStartup.vn, InternetCoaching.vn,..

Chúc bạn thành công!
Nguyễn Trọng Thơ - Marketing Online Master - Đào tạo SEO Master


Thứ Bảy, 12 tháng 10, 2013

Cách nhúng Facebook Comment vào Website

Nhúng Facebook Comment vào website
Việc nhúng ô Facebook Comment vào website là công cụ tuyệt vời giúp bạn tương tác với độc giả, những người đang sử dụng mạng xã hội Facebook, qua đó bạn có thêm nhiều traffic.


Lợi ích khi sử dụng Facebook Comment trong website

  • Giao diện đơn giản, thân thiên.
  • Người dùng không phải đăng nhập vì đã có sẵn tài khoản Facebook, Yahoo,...
  • Bạn không tốn công lập trình, không phải lưu trữ và quản lý các comment.
  • Nội dung bình luận được chia sẻ cho bạn bè của người bình luận.
  • Bạn có thêm một lượng lớn traffic đến từ mạng xã hội
  • ...

Những hạn chế khi dùng Facebook Comment cho Website

  • Bạn phải quản lý các comment thông qua Facebook.com.
  • Không có giá trị về SEO bởi vì ô bình luận sử dụng iframe.
  • Bị kiểm soát bởi bên thứ 3, phụ thuộc tốc độ tải của Facebook.

CÁC BƯỚC CÀI ĐẶT FACEBOOK COMMENT

Bước 1. Tạo Facebook APP

  • Truy cập https://developers.facebook.com/apps
  • Click vào nút: + Create New App
Tạo Facebook App cho comment

App Name: Tên gọi của ứng dụng
App Namespace: Địa chỉ (URL) của ứng dụng, ví dụ: http://app.facebook.com/blog-tin-vn

Click vào nút Continue, bạn sẽ được chuyển đến cửa sổ cài đặt Basic

Cài đặt Facebook App

Bạn cần chú ý:
  • Sanbox Mode = Off để tất cả người dùng đều có thể sử dụng được ứng dụng
  • App Domain: điền domain gốc, ví dụ: tin.vn. Bạn có thể nhập nhiều domain.
  • Website with Facebook Login: Site URL: nhập địa chỉ trang chủ website, ví dụ: http://tin.vn
  • Lưu lại App ID để lát nữa thêm vào doạn code nhúng Comment
Sau đó bấm Save Change ở cuối trang. Bạn đã hoàn thành việc tạo App.

Bước 2. Nhúng Facebook Comment vào Website

Yêu cầu: bạn cần có quyền sửa code website, hoặc gửi cho người có quyền chỉnh sửa.

Vào https://developers.facebook.com/docs/plugins/comments/ để lấy mã HTML

1. Thêm đoạn code dưới đây vào sau thẻ <body>:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Trong đó YOUR_APP_ID thay bằng chuỗi số App ID đã lưu ở bước 1.


2. Đặt đoạn mã bạn muốn hiển thị nội dung comment
<div class="fb-comments" data-href="http://tin.vn" data-colorscheme="light"
data-numposts="5" data-width="500"></div>


Trong đó:
  • data-href: địa chỉ trang web đặt comment
  • data-numposts: số comments được hiển thị, mặc định là 10
  • data-width: chiều rộng ô comment (pixels)

Sau khi cài đặt, bạn sẽ nhìn thấy ô comment ở trong bài viết.

Vấn đề tiếp theo là gì ?
  • Làm sao biết được khi nào ai đó comment ?
  • Cấp quyền cho ai đó làm mod quản lý comment ?
  • Quản lý các nội dung comment này ở đâu ?

Bước 3. Quản lý các Facebook Comments

  • Truy cập: https://developers.facebook.com/tools/comments
  • Đây là nơi bạn quản lý các comment trên website. Bạn có thể xóa comment, ban user,...
  • Public Comments: liệt kê các bình luận được hiển thị trên website
  • Moderator View: các bình luận mới cần duyệt (nếu bạn cài đặt chế độ yêu cầu kiểm duyệt).

Cài đặt Mod quản lý facebook comment

Khi ai đó bình luận trên website, các quản trị viên (Moderator) sẽ nhận được thông báo trên trang Facebook cá nhân của họ. Bạn có thể thêm / bớt quản trị viên bằng cách bấm vào Settings. Bạn có thể duyệt các bình luận của người dùng trên ô comment trên website.

Bạn quan trở lại trang web, kéo xuống phần comment. Nếu thấy xuất hiện tab Moderator view là OK

  • Public Comments: những bình luận người dùng bình thường sẽ nhìn thấy
  • Moderator View: những bình luận chưa duyệt, chỉ có admin thấy thanh công cụ này.
  • Settings: cài đặt bình luận, xem ai đang là admins,..
Quản lý các comments facebook trên trang web
Vậy là bạn là hoàn thành việc cài đặt công cụ Facebook Comment vào website rồi đó.

Tham khảo thêm bài viết: Cách đưa Google+ Comment vào Website

Xem mẫu trang web đã cài đặt Facebook Comment: MMOMaster.vn, Khoa hoc SEO

Chúc bạn thành công!

Nguyễn Trọng Thơ - Chuyên gia Marketing Online


----------------------------------------------------------------
P/S: Ví dụ trên dùng HTML5. Bạn có thể cài đặt Facebook Comments theo định dạng xFBML:

1. Bổ sung thuộc tính sau vào thẻ <HTML>
<html ... xmlns:fb="http://ogp.me/ns/fb#">

2.Cài đặt quản trị viên bằng cách đặt 1 trong 2 dòng sau ở <head>

<meta property="fb:admins" content="{YOUR_USER_ID}"/>(Nếu có nhiều admin thì các ID phân tách bằng dấu phẩy)

Hoặc

<meta property="fb:app_id" content="{YOUR_APP_ID}" />
(Các admin của APP được quản trị comments)

3. Đặt code HTML dưới thẻ <BODY>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. Đặt code HTML ở vị trí bạn muốn hiển thị ô comment
<fb:comments href="http://tin.vn" colorscheme="light" numposts="5" width="500"></fb:comments>

----------------------------------------------------------------

Nếu bạn đã tạo blog trên WEB.TIN.VN, để cài đặt Facebook Comment bạn chỉ cần vào Cài đặt >> Chọn ( *) Bình luận Facebook >> Nhập mã Facebook Id của bạn. Vậy là xong!

Cài đặt Facebook Comment trên Web.tin.vn

Nhúng Facebook Comment vào website
Việc nhúng ô Facebook Comment vào website là công cụ tuyệt vời giúp bạn tương tác với độc giả, những người đang sử dụng mạng xã hội Facebook, qua đó bạn có thêm nhiều traffic.


Lợi ích khi sử dụng Facebook Comment trong website

  • Giao diện đơn giản, thân thiên.
  • Người dùng không phải đăng nhập vì đã có sẵn tài khoản Facebook, Yahoo,...
  • Bạn không tốn công lập trình, không phải lưu trữ và quản lý các comment.
  • Nội dung bình luận được chia sẻ cho bạn bè của người bình luận.
  • Bạn có thêm một lượng lớn traffic đến từ mạng xã hội
  • ...

Những hạn chế khi dùng Facebook Comment cho Website

  • Bạn phải quản lý các comment thông qua Facebook.com.
  • Không có giá trị về SEO bởi vì ô bình luận sử dụng iframe.
  • Bị kiểm soát bởi bên thứ 3, phụ thuộc tốc độ tải của Facebook.

CÁC BƯỚC CÀI ĐẶT FACEBOOK COMMENT

Bước 1. Tạo Facebook APP

  • Truy cập https://developers.facebook.com/apps
  • Click vào nút: + Create New App
Tạo Facebook App cho comment

App Name: Tên gọi của ứng dụng
App Namespace: Địa chỉ (URL) của ứng dụng, ví dụ: http://app.facebook.com/blog-tin-vn

Click vào nút Continue, bạn sẽ được chuyển đến cửa sổ cài đặt Basic

Cài đặt Facebook App

Bạn cần chú ý:
  • Sanbox Mode = Off để tất cả người dùng đều có thể sử dụng được ứng dụng
  • App Domain: điền domain gốc, ví dụ: tin.vn. Bạn có thể nhập nhiều domain.
  • Website with Facebook Login: Site URL: nhập địa chỉ trang chủ website, ví dụ: http://tin.vn
  • Lưu lại App ID để lát nữa thêm vào doạn code nhúng Comment
Sau đó bấm Save Change ở cuối trang. Bạn đã hoàn thành việc tạo App.

Bước 2. Nhúng Facebook Comment vào Website

Yêu cầu: bạn cần có quyền sửa code website, hoặc gửi cho người có quyền chỉnh sửa.

Vào https://developers.facebook.com/docs/plugins/comments/ để lấy mã HTML

1. Thêm đoạn code dưới đây vào sau thẻ <body>:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Trong đó YOUR_APP_ID thay bằng chuỗi số App ID đã lưu ở bước 1.


2. Đặt đoạn mã bạn muốn hiển thị nội dung comment
<div class="fb-comments" data-href="http://tin.vn" data-colorscheme="light"
data-numposts="5" data-width="500"></div>


Trong đó:
  • data-href: địa chỉ trang web đặt comment
  • data-numposts: số comments được hiển thị, mặc định là 10
  • data-width: chiều rộng ô comment (pixels)

Sau khi cài đặt, bạn sẽ nhìn thấy ô comment ở trong bài viết.

Vấn đề tiếp theo là gì ?
  • Làm sao biết được khi nào ai đó comment ?
  • Cấp quyền cho ai đó làm mod quản lý comment ?
  • Quản lý các nội dung comment này ở đâu ?

Bước 3. Quản lý các Facebook Comments

  • Truy cập: https://developers.facebook.com/tools/comments
  • Đây là nơi bạn quản lý các comment trên website. Bạn có thể xóa comment, ban user,...
  • Public Comments: liệt kê các bình luận được hiển thị trên website
  • Moderator View: các bình luận mới cần duyệt (nếu bạn cài đặt chế độ yêu cầu kiểm duyệt).

Cài đặt Mod quản lý facebook comment

Khi ai đó bình luận trên website, các quản trị viên (Moderator) sẽ nhận được thông báo trên trang Facebook cá nhân của họ. Bạn có thể thêm / bớt quản trị viên bằng cách bấm vào Settings. Bạn có thể duyệt các bình luận của người dùng trên ô comment trên website.

Bạn quan trở lại trang web, kéo xuống phần comment. Nếu thấy xuất hiện tab Moderator view là OK

  • Public Comments: những bình luận người dùng bình thường sẽ nhìn thấy
  • Moderator View: những bình luận chưa duyệt, chỉ có admin thấy thanh công cụ này.
  • Settings: cài đặt bình luận, xem ai đang là admins,..
Quản lý các comments facebook trên trang web
Vậy là bạn là hoàn thành việc cài đặt công cụ Facebook Comment vào website rồi đó.

Tham khảo thêm bài viết: Cách đưa Google+ Comment vào Website

Xem mẫu trang web đã cài đặt Facebook Comment: MMOMaster.vn, Khoa hoc SEO

Chúc bạn thành công!

Nguyễn Trọng Thơ - Chuyên gia Marketing Online


----------------------------------------------------------------
P/S: Ví dụ trên dùng HTML5. Bạn có thể cài đặt Facebook Comments theo định dạng xFBML:

1. Bổ sung thuộc tính sau vào thẻ <HTML>
<html ... xmlns:fb="http://ogp.me/ns/fb#">

2.Cài đặt quản trị viên bằng cách đặt 1 trong 2 dòng sau ở <head>

<meta property="fb:admins" content="{YOUR_USER_ID}"/>(Nếu có nhiều admin thì các ID phân tách bằng dấu phẩy)

Hoặc

<meta property="fb:app_id" content="{YOUR_APP_ID}" />
(Các admin của APP được quản trị comments)

3. Đặt code HTML dưới thẻ <BODY>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. Đặt code HTML ở vị trí bạn muốn hiển thị ô comment
<fb:comments href="http://tin.vn" colorscheme="light" numposts="5" width="500"></fb:comments>

----------------------------------------------------------------

Nếu bạn đã tạo blog trên WEB.TIN.VN, để cài đặt Facebook Comment bạn chỉ cần vào Cài đặt >> Chọn ( *) Bình luận Facebook >> Nhập mã Facebook Id của bạn. Vậy là xong!

Cài đặt Facebook Comment trên Web.tin.vn