Trong bài viết này, Linkerpt sẽ hướng dẫn mọi người tích hợp thêm bình luận Facebook vào WordPress và cách quản lý các bình luận sử dụng hệ thống comment của Facebook một cách dễ hiểu và nhanh nhất.

1.Tạo một Facebook apps.

Ông lớn Facebook đã cung cấp một giải pháp có tính mở rộng rất cao trong hệ thống phát triển của họ, đó là hệ thống Facebook Apps, tại đây bạn có thể tạo ứng dụng để nhúng bình luận vào website, thiết lập quyền truy cập… và quản lý chúng. Và bây giờ bạn hãy tạo một Apps trước nhé.

Bước 1: Tạo Ứng dụng Facebook (Add a New App)

Truy cập địa chỉ https://developers.facebook.com/ .

  1. (1) Chọn Add a New App
  2. (2) Đặt tên cho ứng dụng.
  3. (3) Bấm Create Apps ID để tạo.

add comment facebooks

thêm comment facebook vào website

Sau khi thực hiện xong chọn việc tạo ứng dụng, Facebook xử lí sẽ dẫn bạn đến trang quản trị của apps.

Tiếp theo: (4) Bạn vào Setting (Cài đặt)

thêm comments facebook mới nhất 2017

Bước 2: Cấu hình App – Setting

Trong phần setting, bạn hãy sửa và thêm các thông số sau.

comments facebook

Bạn bấm Thêm nền tảng (Add platform) để thêm website của bạn nhé.

Xong bạn ấn Lưu thay đổi để hoàn tất quá trình cài đặt nhé.

Bước 3: Kích hoạt App – Status & Review

Tiếp theo bạn vào App Review.

Làm theo số thứ tự. số (2) Chọn yes ->Chọn Chủ đề(category) -> Confirm (xác nhận) .

apps review

Bước 4: Get code và tích hợp Comment Facebook

Mở link sau để Get code https://developers.facebook.com/docs/plugins/comments/ và chú ý các thông số sau:

Width: 100% hoặc để chống
Number of post: Số lượng comment hiển thị mặc định
cach-tich-hop-comment-facebook-google-disqus-vao-wordpress

Khi chọn xong bấm Get Code, sẽ xuất hiện ra bảng này.

Tích hợp mã code vào trướcsau thẻ </head> như sau:

<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”User_ID”/>
</head>
<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.3&appId=Your_App_ID”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

Chú ý với các thông số sau:

  •  Your_App_ID: Là ID của App Facebook ứng dụng bạn vừa tạo được trong bước 1
  • User_ID: Là id của nick facebook cá nhân của bạn, chú ý bạn không lấy ID của Fanpage hoặc Group bạn nhé.

Cách lấy ID : Truy cập https://findmyfbid.com/ xong dán đường dẫn trang cá nhân facebook của bạn vào và ấn Find numeric ID để lấy id nhé.

Bước 5: Tích hợp Comment Facebook vào bài viết

Để tích hợp vào website, bạn chèn vào chỗ muốn hiển thị comment đoạn code sau:

<h3>Bình luận</h3>
<div class=”fb-comments” data-href=”<?php the_permalink();?>” data-width=”100%” data-numposts=”15″ data-colorscheme=”light”></div>

Bước 6: Mở web và xem 1 bài viết bất kỳ để Test xem comment đã xuất hiện chưa? Chú ý nếu web bạn cài Cache thì xóa cache đi vì có thể bạn không thấy bình luận. Để quản lý bình luận bạn hãy vào link sau https://developers.facebook.com/tools/comments , việc tích hợp vào WordPress của bạn coi như đã hoàn tất.

2. Quản lý comment Facebook hiệu quả

Để có thể quản lý comment một cách hiệu quả bạn cần thực hiện vào trang quản lý Comment Facebook https://developers.facebook.com/tools/comments cấu hình như sau: Setting -> Tag thêm người phê duyệt bình luận, Tag các từ cần hạn chế đặc biệt những lời tục tĩu. Thường xuyên theo dõi Alert Facebook để xem có bình luận mới hay không?

3. Cách giữ lại comment khi thay đổi URL

Đây là trường hợp rất hay gặp khi bạn muốn thay đổi định dạng của đường dẫn hoặc đổi tên miền. Vậy làm thế nào để giữ lại được các Comment hãy soạn lại mã code đã tích hợp trong phần bình luận

<div class=”fb-comments” xid=”<?php the_ID(); ?> data-width=”100%” data-numposts=”15″ data-colorscheme=”light”></div>

Ở đâu chúng ta không sử dụng data-href mà thay vào đó là ID của bài viết vì ID không thay đổi khi đổi tên miền.

4. Thêm Admin quản lý Comment

Facebook cho phép bạn cấu hình nhiều admin bằng cách chèn vào đầu thẻ head đoạn code này:

<meta property=“fb:admins” content=“{YOUR_FACEBOOK_USER_ID_1}”/>
<meta property=“fb:admins” content=“{YOUR_FACEBOOK_USER_ID_2}”/>
 Thêm FB:admins vào với thẻ <meta>

Kết luận

Khi cài xong nhiều bạn hỏi hay bị lỗi “Facebook chặn comment”, các bạn đừng lo để vài giờ là nó tự hết nhé.
Thêm Comment Facebook vào WordPress cũng không khó lắm, Bạn hãy xem và thực hành theo hướng dẫn trên đây để giúp Website của bạn trở nên chuyên nghiệp hơn. Cảm ơn bạn đã ghé thăm Linkerpt.com .

    Xem thêm bài viết liên quan
    Xem thêm Thủ thuật website

    Được đề xuất cho bạn

    Hướng dẫn tắt duyệt thư mục trong wordPress bằng .htaccess & plugins

    Là nền tảng blog phổ biến nhất, WordPress là mục tiêu tiềm năng của mọi hacker tìm kiếm cá…