Hướng dẫn chèn comment facebook vào blogspot có kiểm duyệt bình luận

Hướng dẫn chi tiết từng bước chèn Comment Facebook vào Blogspot có kiểm duyệt từ Admin mới hiển thị bình luận.

Nếu bạn muốn tích hợp comment facebook vào Wordpress thì xem tại link bên dưới đây:
>> Hướng dẫn tích hợp comment facebook vào Wordpress

Với sự bùng nổ của mạng xã hội như hiện nay thì việc chèn khung comment facebook bình luận vào website cũng như chèn khung comment facebook vào blog là vô cùng quan trọng.

Qua những comment từ facebook chúng ta có thể biết được chất lượng bài viết, sản phẩm của mình như thế nào, tổng hợp được các ý kiến khách hàng, trả lời thắc mắc của khách hàng... nói chung việc chèn khung bình luận facebook vào website blog là không thể thiếu.

Dưới đây là từng bước hướng dẫn cách chèn comment facebook vào blog: (Có cả video hướng dẫn ở cuối bài viết)

Bước 1: Các bạn hãy truy cập vào trang Facebook: https://developers.facebook.com/
- Chọn Đăng ký
- Bật chấp nhận chính sách nền tảng của Facebook
- Click chọn: Đăng ký

Lưu ý: Nếu facebook của bạn chưa xác minh số điện thoại thì bạn cần phải xác minh số điện thoại, mã xác minh sẽ được gửi về số điện thoại của các bạn. Nếu bạn chưa xác minh tài khoản bằng số điện thoại thì bạn sẽ không tạo được ứng dụng chèn khung comment facebook đâu.

Bước 2: Bạn hãy nhập đầy đủ các thông tin bên dưới
- Tên ứng dụng của bạn.
- Email liên hệ .
- Danh mục: chọn "Ứng dụng dành cho trang".
- Click chọn "Tạo ID ứng dụng".

Bước 3: Sau đó chúng ta sẽ được chuyển đến màn hình bên dưới.
- Click chọn : "Xét duyệt ứng dụng".
- Bật - Chế độ "Đặt ứng dụngcủa bạn ở chế độ công khai".

Bước 4: Sau đó chúng ta chọn bảng điều khiển và click chọn " Chọn nền tảng".

Bước 5: Tiếp theo ta chọn " Trang Web".

Bước 6: Bước này là bước ban đầu để lấy code.
- Các bạn copy dòng code của mình vừa tạo bên dưới

Bước 7: Vào Blog chỉnh sửa HTML và dán dưới thẻ

Bước 8: Các bạn thêm địa chỉ Webiste mình nếu muốn. Sau đó thoát ra khỏi trang.

Bước 9: Các bạn vào địa chỉ sau: https://developers.facebook.com/docs/plugins/comments

- Sau đó các bạn điền thông tin đầy đủ bên dưới và click chọn "Lấy mã".

Bước 10: Tiếp theo sao chép mã được tạo

Bước 11: Dán đoạn mã vừa copy vào dưới thẻ <body>

Lưu ý bạn cần sửa lại dòng code có dạng ví dụ bên dưới. Sửa lại bằng cách thêm amp; vào sau 1 và version=v2.9 để khi lưu không bị lỗi:

→ví dụ dòng code của tôi là:

js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.9&appId=224643818008336";

→khi sửa lại:

js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.9&amp;appId=224643818008336";

Bước 12: - Tìm đoạn code sau:

<b:include data='post' name='post'/>

- Dán dòng lệnh dưới đây sau đoạn code vừa tìm:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='9' data-width='740px' expr:data-href='data:blog.canonicalUrl'/>
</b:if>

Bước 13: Các bạn chèn code sau vào dưới thẻ <head> để có thể xem được thông báo khi một ai đó bình luận trên bài viết của bạn.

<meta content='ID ứng dụng của bạn' property='fb:app_id'/>

ví dụ:

<meta content='224643818008336' property='fb:app_id'/>

- Xem id ứng dụng của bạn tại trang sau:

Bước 14: - Các bạn bấm vào đường link này: https://developers.facebook.com/tools/comments/ và thêm người kiểm duyệt để nhận thông báo

Vậy là xong rồi đấy, các bạn bấm lưu lại và thưởng thức thành quả của mình nhé

Nếu bạn muốn hiển thị số đếm lượt bình luận từ Facebook thì các bạn chèn đoạn code sau đây vào bất cứ chỗ nào bạn muốn hiển thị:

<span class='fb-comments-count' expr:data-href='data:blog.canonicalUrl'></span>

hoặc đếm số bình luận post thì chèn đoạn code sau

<span class='fb-comments-count' expr:data-href='data:post.url'></span>

Cập nhật code Comment Facebook cho blog mới nhất rồi, nên các bạn không cần phải làm các bước dưới đây nữa nhé.

Sau khi bạn thực hiện đầy đủ các bước ở trên thì việc chèn khung comment facebook vào blogspot là đã hoàn thành, bạn cũng đã nhìn thấy khung comment facebook của mình rồi. Tuy nhiên nội dung bình luận từ facebook lại hiện lên ở tất cả các bài viết, điều này thật phiền phức

Các bạn cần thay đổi 1 chút xíu nữa thôi để các bình luận ở từng bài viết là riêng biệt

Bước 15: Các bạn hãy copy dòng code sau và dán vào dưới thẻ <body>

<script type='text/javascript'>
//<![CDATA[
  var purl= location.href;
  var fb_href = purl.substring(0,purl.indexOf(".html")+5);
  var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5"></div>';
//]]>
</script>

Bước 16: Các bạn tìm đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='9' data-width='740px' expr:data-href='data:blog.canonicalUrl'/>
</b:if>

Xóa bỏ toàn bộ đoạn code tìm được ở trên và dán dòng code dưới đây vào vị trí bạn muốn hiển thị comment facebook cho blog là được

<script type='text/javascript'>document.write(fbcm);</script>

Trên đây là toàn bộ bài viết hướng dẫn chèn khung comment facebook vào blog rất chi tiết và không dấu võ rồi nhé. Các thánh nào vẫn còn thắc mắc thì để lại comment mình sẽ trả lời nhé.

Tags: