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é!

Thêm Facebook comment cho Blogspot
5 / 13 votes

Cùng chuyên mục:

Add Comment

10 Comments

  1. minh hiếu
    2 Bình luận
    14/11/2015
    • Đôi Guốc Mộc
      Admin
      14/11/2015
      • jvinhblog
        34 Bình luận
        30/03/2016
      • jvinhblog
        34 Bình luận
        30/03/2016
    • Nguyễn Văn Cao Kỳ
      1 Bình luận
      16/04/2017
  2. Mai Quý
    9 Bình luận
    07/01/2017
  3. van nguyen
    14 Bình luận
    06/04/2017
    • Mộc
      Admin
      07/04/2017
  4. khanh
    2 Bình luận
    19/06/2017