Bình luận bằng Facebook trên Website bây giờ được coi là một chức năng khá cơ bản. Vừa tiện lợi, vừa nhanh chóng, người dùng không cần phải tạo tài khoản trên web, mà dùng luôn tài khoản facebook để bình luận. Ngoài ra còn rất tốt cho những website bán hàng, thu tập hoạt động user facebook trên website, phục vụ cho nhu cầu marketing về sau.

Dưới đây tôi sẽ hướng dẫn các bạn đang sử dụng theme Flatsome nói riêng và WordPress nói chung, các tích hợp bình luận facebook vào website.

Tạo Facebook App mới cho Website

Truy cập vào link https://developers.facebook.com/apps tạo ứng dụng mới.

Tạo Ứng Dụng Mới
Tạo Ứng Dụng Mới

Truy cập vào link https://developers.facebook.com/docs/plugins/comments để Get Code (lấy code) về, chưa cần quan tâm các config ở trên vội.

Get Code Lấy Mã
Get Code Lấy Mã

Chọn ứng dụng vừa tạo

Chọn Ứng Dụng Vừa Tạo
Chọn Ứng Dụng Vừa Tạo

Dán mã Script Facebook SDK vào website

Copy nội dung đoạn code ở Step 2 vào Admin -> Flatsome -> Advanced -> Header Script -> Save All Changes

Paste đoạn Code Vào Header Script
Paste đoạn Code Vào Header Script

Copy thêm đoạn code này vào chỗ ở trên nữa (như hình)

<meta property="fb:app_id" content="APP ID">
<meta property="fb:admins" content="USER ID">

Lấy mã ID Ứng dụng

Vào ứng dụng mà bạn đã tạo & copy ID ỨNG DỤNG thay cho phần APP ID ở trên (content=”213755300011034″)

Copy Id Ứng Dụng Thay Cho Phân App Id
Copy Id Ứng Dụng Thay Cho Phân App Id

Lấy mã User ID

Tiếp theo là lấy USER ID (chính là mã ID tài khoản của bạn). Cách bên dưới là truy cập vào https://findmyfbid.com, hồi trước có lấy được, nhưng giờ bị Facebook chặn rồi, mình có làm theo hướng dẫn của nó là “Cho phép các công cụ tìm kiếm bên ngoài liên kết với trang” nhưng vẫn không được.

Get Facebook Id
Get Facebook Id
Không Get được Facebook Id Nữa
Không Get được Facebook Id Nữa

Nên giờ sẽ Get Facebook ID bằng cách như sau, click vào bất kỳ ảnh nào bạn đã đăng trên facebook, ví dụ ảnh bìa, avatar chẳng hạn. Nó sẽ ra cái link như bên dưới và có phần ?fbid= đó chính là ID tài khoản của bạn, copy nó mà thay cho cái USER ID phía bên trên.

Lấy Facebook Id Bằng Click Vào Link Ảnh
Lấy Facebook Id Bằng Click Vào Link Ảnh

Kết quả ta có như sau:

<meta property="fb:app_id" content="213755300011034" />
<meta property="fb:admins" content="2814996125255548"/>

Tạo shortcode gắn bình luận facebook

Save All Changes lại và tiếp tục vào phần Giao diện -> Sửa giao diện -> Flatsome Child -> functions.php. Thêm đoạn code này vào sau đó lưu lại.

<?php function comment_fb() { ?>
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="5"</div>
<?php
}
add_shortcode('comment_fb', 'comment_fb');

Gắn shortcode vào nơi cần hiển thị bình luận

Giờ cần truy cập vào Customize -> Blog -> Blog Single Post -> HTML after blog posts, dán mã code sau vào, rồi lưu lại.

Dán Mã Shortcode Comment Fb Vừa Tạo
Dán Mã Shortcode Comment Fb Vừa Tạo

Cuối cùng là ra bài viết, kéo xuống cuối, kiểm tra xem thành quả thế nào.

Hoàn Thành
Hoàn Thành

Truy cập vào https://developers.facebook.com/tools/comments để xem tất cả comment có trên website của bạn.

Vậy là đã ngon lành rồi, chúc các bạn thành công, nếu có gì thắc mắc, cứ comment phía bên dưới, mình sẽ giải đáp.

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 *

.
.
.
.