Kết nối comment fanpage facebook và bài viết trên website

Hôm nay tình cờ trên Group Wordpress Nâng Cao của mình có một câu hỏi là làm sao có thể Kết nối comment fanpage facebook và bài viết trên website…

Kết nối comment fanpage facebook và bài viết trên website
5 (100%) 9 votes
Kết nối comment fanpage facebook và bài viết trên website

Chào các bạn, hôm nay tình cờ trên Group WordPress Nâng Cao của mình có một câu hỏi là làm sao có thể Kết nối comment fanpage facebook và bài viết trên website, câu hỏi khá hay nên mình làm một bài hướng dẫn nhỏ để giúp các bạn nào đang cần có thể tự làm được.

 

Bước 1: Lấy ID ứng dụng facebook và gán Meta App ID vào đầu trang web.
– Bạn vào link: https://developers.facebook.com
Di chuột vào: Ứng dụng của tôi và chọn Tạo ứng dụng mới

Tiếp đến nhập tên ứng dụng và danh mục của ứng dụng (theo ý của bạn).

– Chọn Tạo ứng dụng.

Xong bước này bạn sẽ được chuyển đến trang quản lý ứng dụng của bạn trên facebook:

Bạn điền các thông tin theo website của bạn và copy lại ID ứng dụng để bước sau còn dùng nhé.

Bây giờ bạn cần chèn thẻ meta Appid vào header.php (Bước này giúp phần comment của bạn sẽ có thêm nút: Công cụ kiểm duyệt. Cho phép bạn quản lý, xóa các comment không mong muốn bằng facebook trên bài viết của bạn).

Bạn mở file header.php và thêm đoạn code này:

<meta property="fb:app_id" content="ID_ỨNG_DỤNG" />

Trong đó ID_ỨNG_DỤNG chính là ID mà bạn đã lấy được ở bước bên trên.

Lưu ý: Nếu bạn sử dụng Yoast Seo thì có thể vào giống hình bên dưới để chèn ID ứng dụng:

 

 

Bước 2: Chèn Script SDK và mã hiển thị comment facebook vào single.php:


<div class="fb-comments" data-href="<?php the_permalink() ;?>" data-width="100%" data-numposts="10"></div>


<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/sdk.js#xfbml=1&version=v2.8&appId=481144482076898";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Lưu ý: Đoạn script có appId thì bạn thay bằng ID ứng dụng đã tạo ở bước 1, ví dụ: của Vnkings là 481144482076898.

Sau khi chèn xong bạn vào một bài viết ngẫu nhiên của Web mình và xem đã có phần comment facebook chưa nhé.

 

 

Bước 3: thiết lập Phảnh chiếu bình luận giữa Website và Fanpage Facebook.

Bạn vào link: https://developers.facebook.com/tools/comments

– Chọn cài đặt.

– Tìm tới Phản chiếu bình luận và tích vào ô: Có, hãy phản chiếu tới (Fanpage bạn đang dùng cho website).

Bây giờ bạn thử đăng link website của mình lên Fanpage và comment thử ở Fanpage hoặc Website, bạn sẽ thấy comment tự động xuất hiện ở cả Website và bài trên Fanpage của mình.

Các bạn có thể Comment bài và vào link này
Bài Trên Fanpage
để xem kết quả.

Chúc các bạn thành công!.
Nếu gặp khó khăn hãy comment để mình có thể giúp bạn nhé!.

Bài liên quan

  1. Dear bạn. Mình đã copy đoạn mã ở bước 2 để thay thế cho toàn bộ đoạn mã cũ trong file comment.php (mình thay thế cm mặc định bằng fb cm) nhưng chỉ thấy hiển thị cm fb demo, nghĩa là gần như dòng lệnh quy định truy xuất từ facebook app của mình không hoạt động.
    Bạn xem ảnh: http://sv1.upsieutoc.com/2017/09/10/Capture817a7.jpg

    Còn đây là đoạn code mình chèn vào trong file comment.php:

    (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/sdk.js#xfbml=1&version=v2.10&appId=454385221427894”;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    Bạn kiểm tra giúp mình với. Mình cảm ơn!

    • Bạn lưu ý chèn đúng đoạn này bạn nhé:

      <div class="fb-comments" data-href="<?php the_permalink() ;?>" data-width="100%" data-numposts="10"></div>

      Trong đó đoạn the_permalink() là hàm lấy link của bài viết của bạn.

  2. Chào bạn mình đã làm theo hướng dẫn của bạn, mình có thể quản lý các bình luận này trên máy tính thì không vấn đề gì, nhưng khi mình dùng app quản lý fanpage trên điện thoại thì khi click vào thông báo bình luận này sẽ bị văng ra. Bạn có gặp tình trạng này ko. Có cách nào xử lý lỗi này ko ạ.

Bình luận bài viết

Bạn có thể dùng các thẻ HTML này:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

X

Tạo live chat facebook cho website

Bạn cần tư vấn ?