Hướng dẫn cách thêm bình luận Facebook vào web không dùng plugin

4.7/5 - (33 đánh giá)

Đối với web/blog sử dụng mã nguồn mở WordPress thì việc chèn thêm bình luận Facebook vào web là khá đơn giản vì có rất nhiều plugin hỗ trợ bạn làm việc này.

Nhưng việc cài nhiều plugin cho web là điều không cần thiết vì nó có thể sẽ làm web của bạn chậm hơn. Điều này mình cũng có nói đến trong bài viết hướng dẫn tăng tốc WordPress.

Vậy nên bạn sẽ cần giải pháp thay thế để có thể thêm bình luận Facebook vào web mà không cần dùng plugin. Bài viết này sẽ hướng dẫn cho bạn cách chèn thêm bình luận Facebook vào website chi tiết nhất mà không phải cài plugini nào.

Hướng dẫn cách thêm bình luận Facebook vào web không dùng plugin

Trước khi làm các bước dưới đây để thêm khung bình luận FB cho web bạn cần phải tạo cho mình 1 App Facebook để có thể lấy được App ID Facebook chèn vào đoạn code dưới đây.

Nếu bạn chưa biết cách tạo App Facebook hãy xem hướng dẫn này đã nhé: Hướng dẫn cách tạo Apps Facebook và cách lấy App ID Facebook

Việc tạo App Facebook là điều cần làm bởi sau này bạn muốn chèn nút like, share Facebook cho web hay chèn chat Facebook cho web cũng sẽ cần dùng đến App ID Facebook.

Sau khi đã có App Facebook và có được ID App thì bạn tiến hành theo các bước dưới đây để tích hợp comment Facebook vào web nhé.

Bước 1: Bạn truy cập vào Giao diện (Appearance) ->Sửa (Editor) sau đó tìm file header.php và dán đoạn code sau vào giữa thẻ <head></head>

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

Nhớ thay APP ID thành App ID mà bạn lấy được từ App Facebook và USER ID là ID Facebook cá nhân để quản lý các bình luận.

Bạn có thể lấy USER ID bằng cách truy cập địa chỉ http://findmyfbid.comnhập link facebook cá nhân vào và ấn Find numeric ID, bạn sẽ thấy dãy số hiện ra đó chính là USER ID của bạn.

Sau khi thêm vào bạn sẽ thấy nó giống như này:

huong-dan-cach-binh-luan-facebook-vao-web-khong-dung-plugin-1

Tiếp nữa là bạn thêm đoạn code sau vào dưới cuối cùng của file header.php.

<!-- Facebook JavaScript SDK -->
<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.6&appId=APP ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- End Facebook JavaScript SDK -->

Nhớ thay APP ID thành App ID của bạn vào đoạn code trên rồi Lưu file header.php lại.

Bước 2: Chèn đoạn code dưới vào cuối hoặc vào vị trí bạn muốn đặt khung bình luận trong file comments.php hoặc file single.php.

Nếu bạn muốn thay toàn bộ khung bình luận WordPress thì bạn xóa hết nội dung trong file comments.php và thay đoạn code dưới vào trong theme của bạn.

<?php if( comments_open() ): ?>
<div id="facebook-comments">
<h3 id="reply-title">Bình luận</h3>
<fb:comments href="<?php the_permalink(); ?>" num_posts="5" width="100%"></fb:comments>
</div>
<?php endif; // end comments_open() ?>

Trong đoạn code này bạn có thể sửa chữ “Bình luận” thành bất kỳ chữ gì để làm tiêu đề khung bình luận và sửa số “5” thành số comment hiển thị trên 1 trang bạn muốn đặt. Sau khi xong bạn nhớ lưu lại nhé.

Bây giờ xóa cache web (nếu có). Sau đó vào 1 bài viết nào đó kiểm tra xem đã hiển thị khung bình luận lên chưa nhé.

Ngoài cách chèn khung bình luận mình vừa hướng dẫn bạn cũng có thể tham khảo hướng dẫn chèn comment Facebook vào WordPress bằng plugin

Cách giữ lại comment Facebook khi đổi domain/sửa URL bài viết

Như trong hướng dẫn thêm bình luận Facebook ở trên thì các bạn đã thêm khung bình luận theo URL bài viết. Điều này có 1 ưu điểm là khi bạn trả lời bình luận của họ, họ sẽ nhận được thông báo và khi click vào thông báo đó sẽ được dẫn về bài viết đang bình luận.

Nhưng nếu sau này bạn muốn đổi domain hay sửa lại đường dẫn bài viết thì mọi bình luận sẽ không còn được hiển thị nữa.

Nếu bạn muốn sử dụng bình luận Fb mà sau này có đổi domain hay URL thì chúng ta sử dụng thuộc tính ID để định danh cho bình luận.

Để giữ lại bình luận thì trong Bước 2 ở trên bạn dùng đoạn code này để thêm vào file comments.php hoặc single.php. Bạn chú ý nó sẽ khác với code trên ở đoạn bôi đỏ:

<?php if( comments_open() ): ?>
<div id="facebook-comments">
<h3 id="reply-title">Bình luận</h3>
<fb:comments xid="<?php the_ID(); ?>" num_posts="5" width="100%"></fb:comments>
</div>
<?php endif; // end comments_open() ?>

Thiết lập tự động đăng bình luận lên Fanpage Facebook

Việc thiết lập này sẽ giúp cho các fan của bạn dễ dàng tương tác với các thành viên khi một ai đó bình luận trên bài viết sẽ được tự động đăng lên Fanpage của bạn.

Để làm việc này chúng ta chỉ cần thao tác khá đơn giản như sau. Truy cập vào trang kiểm duyệt bình luận Facebook tại đây: https://developers.facebook.com/tools/comments.

Bạn click vào nút Cài đặt như hình dưới.

P/s: Tại trang quản lý bình luận này bạn có thể xóa bình luận hoặc cấm bất kỳ ai đó không cho bình luận.

huong-dan-cach-binh-luan-facebook-vao-web-khong-dung-plugin-2

Tại đây bạn có thể thiết lập tùy ý cho khung bình luận Facebook trên web. Nhưng việc chúng ta cần làm ở đây là tick vào Yes, mirror to rồi chọn fanpage của web xong rồi Lưu lại như hình dưới.

huong-dan-cach-binh-luan-facebook-vao-web-khong-dung-plugin-3

Lưu ý: Thiết lập đồng bộ comment facebook và web này chỉ có tác dụng với bài viết được đăng sau khi bạn thiết lập. Với các bài viết đăng trước đó chức năng này sẽ không hoạt động.

Chia sẻ thêm: Hướng dẫn tích hợp Chat Facebook vào website rất đơn giản

Lời kết

Như vậy trong bài viết này mình đã hướng dẫn các bạn cách thêm bình luận Facebook vào web mà không cần dùng tới plugin nào cũng như 1 số thiết lập liên quan hữu ích khi bạn sử dụng comment facebook cho web.

Nếu có vẫn đề gì trong quá trình thực hành bạn cứ để lại ý kiến trong khung bình luận dưới để được giải đáp nhé. Chúc các bạn thành công!

Nguyễn Hùng

Internet là nơi mình học được những gì về Wordpress, SEO, SEM, MMO và kiến thức máy tính. Những chia sẻ của mình là những thứ mình học được và đã làm thành công, có thể nó chưa được hoàn hảo nhưng nó sẽ hữu ích với bạn.

Nhận thông báo
Thông báo qua email khi
guest

61 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
Hưng Phát

Mình làm ko được , bạn có video nào hướng dẫn làm rõ cụ thể không bạn

hồng vân

add cho em hoi chút, em coppy mã đến phần dán vào cái hesder sao dán vào xong lưu lại nó báo là trang đang gặp vấn đề nghiêm trọng là bị gì ạ

Hồng vân

Vâng. Cái này mò mãi mới ra hi. Thank anh ạ

Thành Nguyễn

sao mình tìm mãi không thấy file header.php trong themes của mình nhỉ. mình dùng themes Flatsome. rất mong đc AD chỉ giáo

Thành Nguyễn

rất cám ơn bạn

Hoàn Mỹ

hay qua thank b <3 , kiếm nãy giờ mới thấy

Hoàng

Cám ơn bạn

mỹ

sửa đc chưa bác e cũng bị giống bác

Băng Tâm

làm sao để bình luận của mỗi bài viết khác nhau ạ

Hoàng

B ơi, mình làm theo hướng dẫn được r. Cơ mà có người comment mà t k nhận đc thông báo ( dù đã set người kiểm duyệt comment )
Help !

Hien

thanks ban. 1 dap phat an lien 5 sao ban nhe. cho mình hỏi thêm là làm sao co nut like hoạc up anh lên dc ko bạn

văn phòng phẩm vinacom

Thua! Mình lam hoài mà không được, kiểu này chắc phải dùng đến Plugin

Dự

Sao mình nhúng vào rồi, có người bình luận nhưng lại không có thông báo về page nhỉ? Bạn giúp mình giải thích với

mạnh hùng

làm hết các bước mà ko thấy hiện cmt lên ad ạh

Vũ Bá Hải

Mình gặp một lỗi thế này. Chả là website tunhua.vn mình đang seo, trước đây code cũ người ta có gắn một lần rồi, nay mình đổi lại comment mới nhưng những comment cũ vẫn không bị mất và khi comment nó không báo về quản trị. Tất nhiên là với những link cũ trước đây giữ nguyên. Lỗi này xảy ra với các bài sản phẩm woocomere còn trang và bài viết bình thường thì ok.

Nam Hải

cho mình hỏi, phần bình luận trên facebook của mình khi có người binh luận sẽ thông báo về mail, nhưng mình bấm vào xem thì ghi không có bình luận nào là sao ạ

thanh

Website của em thiết kế bằng odoo

Trong khi em test trước trên file html mà ko hiển thị phần bình luận lên trang html anh nhỉ.

Rất mong được a chỉ bảo ạ.

thanh

Em ko up ảnh lỗi lên được.
Ở phần Miền ứng dụng,URL chính sách quyền riêng tư, URL Điều khoản dịch vụ
Em điền file:///C:/Users/MrPhiPhong/Desktop/boottrap_show_popUp.html.
Mà ko đc ạ

thanh

Dạ, ý em hỏi ở bước tạo ứng dụng từ fb developer ạ.
Em đã bị lỗi bước enable ứng dụng đó lên anh ạ.
Anh có thể cho em xin sđt, hoặc skype của anh, để a chỉ giúp em ko ạ.
Thanks anh

thanh

Em điền localhost ở URL chính sách riêng tư
thì nó báo lỗi: Đây phải là URL hợp lệ của Chính sách quyền riêng tư để phù hợp với Nền tảng Facebook.
Em chưa fix đc ạ

thanh

nhưng em đang test ở localhost. Làm trên website rồi nhưng ko có được ạ

thanh

Bác có thể xem giúp em ko ạ. Em cố thử nhiều mà ko thể được ạ.
Thanks Bác.
phone em số: 091.910.64.37

Hayato

Cảm ơn bạn nhé mình sửa mãi bây giờ mới được

thanh

a sửa kiểu gì vậy ạ; chỉ em với, em đang vướng mãi

Thay pin iPhone 7 Plus

Sao mình làm hiển thị bình luận nhưng không xóa được bình luận hả bạn ơi

Đá gà THOMO

Thanks admin

Lê Minh

Thank ad nhé. Mình đã nhúng xong rồi. Còn lấy id quản trị vào link kia mà ko biết cách nào lấy về

thang

bạn ơi hiện tại mình đang tích hợp vô trang sản phẩm mà không hiện được, ví dụ mình để data-href:”localhost/product/” thì có hiện nhưng bị trùng comment, mình thay bằng data-href:”localhost/product/san-pham-1″ thì lại không hiện … mong bạn giúp đỡ mình, … mình dùng reactjs

Green Tea

Cảm ơn bạn nhé mình sửa mãi bây giờ mới được :p

Huyền Ân

Bạn ơi! Làm như vậy thì khi có người bình luận mình có nhận được thông báo để kiểm duyệt hay không?

Tâm Pacific

Cho mình hỏi chỗ này chút bạn ơi “Thiết lập tự động đăng bình luận lên Fanpage Facebook” khi khách comment trong bài viết trên website của mình, thì làm thế nào để biết nó hiện trên fanpage ở mục bài viết nào nhỉ ? Hay là phải chia sẻ trên fanpage bài viết đó rồi, thì khi có comment nó sẽ tự động đồng bộ nhỉ

lợi

Chán quá mình mò hoài không được.
Làm theo hướng dẫn , sao có bước thấy không được.

TUYEN
Bình luận
<fb:comments xid="” num_posts=”5″ width=”100%”>

BẠN CHO MÌNH HỎI PHẦN <?php the_ID() CÓ ĐIỀN ID GÌ VÀO CHỖ ĐÓNG MỞ NGOẶC KO VẬY BẠN , THANKS BẠN

Huy

Mình cài bình luận cho web của m hoạt động mấy năm nay. Gần đây tự dưng bị hủy hết, ko hiển thị comment, không hiển thị plugin trang. B giúp mình với!!

Yeu Phuong

bạn cho mình xin code đc ko banj ?

vtkong

Cái facebook bây giờ cập nhật API mới rồi. Tớ để phiên bản cũ nên không hoạt động, bạn biết cách xử lí không

Thuận

Cám ơn admin

cát thạch anh

Cảm ơn admin rất nhiều