Thêm Facebook comment cho Blogspot

Một vài năm trở lại đây, Facebook dường như đã bùng nổ ở nước ta. Nó quả thực có sức mạnh lan tỏa rất lớn đối với người dùng internet Việt Nam, đặc biệt là các bạn trẻ.

Chính vì vậy mà việc ai ai cũng có cho mình một tài khoản Facebook là điều rất bình thường. Chình vì vậy mà việc trao đổi, nói chuyện thông qua Facebook đã trở thành một thói quen đối với mọi người. Và cũng để dễ dàng và thân thiện hơn thì việc đưa comment của Facebook vào blog đã trở nên phổ biến.

how-to-install-facebook-comments-on-wordpress

Các bước thực hiện:

Bước 1: Tạo app mới

Để tạo app mới các bạn truy cập vào Đây. Sau đó chọn Register as a Developer. Tiếp theo điền các thông tin và kích hoạt App. Bạn hãy đọc qua bài viết “Hướng dẫn tạo App Facebook và lấy ID” để có thể biết rõ các bước thực hiện nhé!

Bước 2: Các bạn vào chỉnh sửa Template

Sau đó copy đoạn code sau đây và dán vào trên thẻ </body>

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '922120084498892',
      xfbml      : true,
      version    : 'v2.3'
    });
  };
  (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/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Trong đó 922120084498892 là ID của app mà chúng ta mới tạo.

Bước 3: Hiển thị khung comment dưới mỗi bài viết

Để có thể hiển thị được khung comment các bạn cần tìm đến đoạn code sau

<b:includable id='comments' var='post'>

Sau đó copy đoạn code dưới đây và dán vào dưới dòng code trên.

<div class='fb-comments' data-num-posts='5' data-width='100%' expr:href='data:post.canonicalUrl'/>

Bước 4: Thông tin admin và quản lý

Để nhận được thông báo khi có người bình luận vào bài viết thì các bạn cần chèn hai thẻ meta này vào trước thẻ </head> trong template của bạn.

<meta content='ID Facebook của bạn' property='fb:admins'/>
<meta content='ID APP' property='fb:app_id'/>

Với fb:admins là ID tài khoản của bạn, còn fb:app_id là ID app của bạn.

Để quản lý các bình luận trên blog/website của mình, các bạn truy cập vào địa chỉ

https://developers.facebook.com/tools/comments

Như vậy là đã xong rồi đấy. Chúc các bạn thành công nhé! Nếu không thực hiện được thì hãy để lại comment nhé!

Đọc nhiều tuần qua:

10 thoughts on “Thêm Facebook comment cho Blogspot

  1. Mai Quý says:

    Ad ơi mình bị như bạn trên,thiết bị di động, kể cả ipad cũng không được,mà blog của mình vốn là tắt mẫu trên di động ui, mình tìm đủ cách mà không được,ad có thể xem hộ mình được không.
    khi test mình thấy nó chỉ chịu hiển thị với màn hình cỡ 1000×1300 trở lên
    Thank ad nhé

  2. van nguyen says:

    Bạn giúp mình cái, làm cách nào để chèn hộp cmt fb vào từng trang riêng? Sau khi mình cài thì mọi trang đều chung 1 comment, không biết còm nào của bài nào nữa

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *