Hướng dẫn thêm Comment Facebook vào WordPress

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.

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)

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.

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) .

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

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ước và sau 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:

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 .