[Tips WordPress] Hướng dẫn thêm comment Facebook vào WordPress không sử dụng Plugin mới nhất

13 Likes Comment

Facebook là một trong những mạng xã hội lớn nhất, lượng người dùng hầu như đứng đầu thế giới, để làm sao tăng tương tác hiệu quả giữa blogger và lượng độc giả.

Với nhiều nền tảng plugins hỗ trợ chèn bình luận vào khác nhau, nhưng cách truyền thống lúc nào cũng là một trong những cách tối ưu nhất cho blog của bạn, nhất là với những blogger có hosting cấp thấp, khả năng chiếm lưu lượng của băng thông hoặc lưu trữ hạn chế một cách thấp nhất, đó là cách áp dụng chính trên blog của mình.

Trên thị trường có rất nhiều plugins làm điều này, rất tiện lợi và kể cả fb cũng tạo ra các nền tảng khác nhau áp dụng trên các blog/website như các api…

Bước 1: Tạo App: trên Facebook để quản lý việc bình luận bạn vào đường dẫn sau: https://developers.facebook.com/apps và các bước thực hiện như hình:

Bạn nhập tên hiển thị và nhấn Tạo ID ứng dụng

 

Lúc này bạn cung cấp thêm một trường như hình dưới và chọn Lưu thay đổi

Bước 2: Lấy mã: để lấy được mã nhúng comment facebook bạn vào đường links sau: https://developers.facebook.com/docs/plugins/comments 

Bạn lưu ý: URL có thể chèn hoặc không cũng được, mình sẽ giải thích sau, có thể chèn URL blog/website của bạn

Lấy mã sẽ hiển thị như hình dưới, và nhớ chọn ứng dụng của bạn, như trong hình tên ứng dụng mình là ngcloudy và kèm theo id là con số dưới đoạn code

Có thể xem code sau tên ứng dụng ngcloudy và id là 1163816570486444

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v5.0&appId=1163816570486444&autoLogAppEvents=1"></script>

 

Bước 3: Chèn đoạn mã ứng dụng vào wordpress

Sau khi đã hoàn thành các bước trên, bước cuối cùng bạn copy đoạn code mà facebook cung cấp vào website của mình, với đoạn 1 bạn copy vào bên trong thẻ <body>

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v5.0&appId=1163816570486444&autoLogAppEvents=1"></script>

 

Đoạn 2 bạn copy vào trong mục comment trên themes của bạn:

<div class="fb-comments" data-width="" data-numposts="5"></div>

 

Để quả lý được comment facebook trên website bạn có thể chép mã sau trên vào <head>

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

Lưu ý: YOUR_APP_ID là ID của bạn

Chúc bạn thành công!

Bạn có thể thích