Trang chủ WordpressWordpress Plugin Tích hợp Comment Facebook vào WordPress

Tích hợp Comment Facebook vào WordPress

bởi Thạch Phạm
75 bình luận 10368 views
Khuyến mãi hosting

Trào lưu dùng Facebook hiện nay ở Việt Nam có thể nói là phổ biến đến nỗi hầu như khái niệm Facebook đang dần đuổi kịp thương hiệu Google với những người dùng internet từ bình dân đến cao cấp. Vậy thì lợi ích từ Facebook đã quá rõ ràng, nếu chúng ta tận dụng được nó để cho những người dùng khác có thêm cơ hội quảng bá website của bạn trên đó thì quả là rất tuyệt vời vì hầu như mọi hoạt động của người dùng liên quan đến Facebook đều được lưu lại đầy đủ ở Activity Log.

Ngoài cách chèn các nút like Facebook vào website để tăng tính tương tác với những người dùng trên mạng xã hội thì chúng ta còn có một việc nữa để tận dụng sức mạnh của Facebook đó là sử dụng hệ thống comment của Facebook vào website để cho người khác có thể comment bài viết bằng tài khoản Facebook. Vậy ưu điểm của cách này là gì?

Facebook Comment

Facebook Comment

Ưu điểm của việc sử dụng hệ thống Facebook Comment

  • Người dùng có thể gián tiếp chia sẻ bài viết của bạn lên tường Facebook của họ.
  • Giúp họ tiện lợi trong việc comment mà không cần nhập thêm thông tin gì, rất có lợi cho người dùng bình dân.
  • Tương tác, khích lệ người dùng bằng hành động like.
  • Được tích hợp với hệ thống notification của Facebook nên họ dễ dàng theo dõi cuộc trò chuyện.
  • Không bị tình trạng spam blog WordPress quấy rầy.
  • Có thể kiểm duyệt comment, xóa comment và ban người dùng.
  • Có thể thêm nhiều quản trị để duyệt bình luận.

Thế nhưng, nó cũng có một chút các nhược điểm sau mà bạn cũng nên lưu ý khi dùng:

  • Trang quản lý comment hơi hạn chế.
  • Tình trạng Facebook bị chặn đôi khi cũng làm cản trở người comment.
  • Nếu quản lý không tốt, đó sẽ là cơ hội cho các spammer lộng hành.

Nhưng nếu suy nghĩ khách quan mà nói, thì việc chèn hệ thống Facebook Comment vào website/blog bạn sẽ nhận được nhiều lợi ích hơn là thiệt thòi, vì vậy nếu blog của bạn không thuộc lĩnh vực Webmaster thì có thể áp dụng vào ngay lúc này. Đừng lo lắng vì bạn vẫn muốn dùng hệ thống comment của WordPress vì vẫn có cách để bạn có thể áp dụng cả 2 hệ thống bình luận vào blog.

Lưu ý: Không nên làm trên Localhost vì nó sẽ không hoạt động trên localhost.

Tạo Facebook Apps

Để có thể quản lý được comment tại Facebook, bạn phải tiến hành kết nối comment form trên website vào cái Facebook Apps mà bạn đang có trên Facebook. Do vậy, bạn phải tạo một Facebook App và lấy hai thông tin quan trọng nhất là App ID và App Secret Key.

Xem hướng dẫn chi tiết

Cài đặt Facebook Comment cho website WordPress

Bạn truy cập vào địa chỉ https://developers.facebook.com/docs/plugins/comments và ấn nút Get Code phía dưới (không cần quan tâm cái khung tùy chỉnh ở trên đâu).

Lấy code của Facebook Comment

Lấy code của Facebook Comment

Sau đó ở phần App ID, bạn chọn cái App mà bạn đã tạo rồi copy đoạn code số 1 bỏ vào file header.php (đặt sau thẻ </head>).

facebook-comment-copycode

Đồng thời chèn code này vào bên dưới thẻ <head> và sửa APP ID thành App ID của bạn và USER ID là số ID của bạn trên Facebook (vào đây và thay thachpham92 thành username của bạn trên Facebook để biết ID).

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

Chèn giống như hình dưới này.

facebook-comment-copycode2

Kế tiếp là chèn đoạn dưới đây vào file single.php hoặc comments.php (nếu có thì thay toàn bộ nội dung trong comments.php thành code dưới) trong theme của bạn.

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div>

Cuối cùng là xóa cache của website, truy cập vào https://developers.facebook.com/tools/debug và điền link website của bạn vào (ví dụ thachpham.com) và ấn Debug rồi ấn nút Fetch new scrape information.

Hoàn tất!

Giữ lại comment khi đổi domain/URL

Ở cách trên chúng ta sử dụng URL của bài viết để định danh cho mỗi khu vực bình luận, điều này có một lợi thế là khi bạn trả lời bình luận cho người dùng thì họ nhấp vào thông báo trên Facebook sẽ chuyển về đúng địa chỉ của trang bình luận.

Tuy nhiên có một bất cập là nếu bạn sửa lại đường dẫn của bài viết đó hoặc đổi domain thì toàn bộ comment sẽ mất hết vì không đúng cấu trúc URL định danh ban đầu. Nên nếu bạn có nhu cầu sử dụng Facebook Comment mà sau này không ảnh hưởng khi đổi URL/domain thì thay vì sử dụng thuộc tính data-href, chúng ta có thể sử dụng thuộc tính xid để thiết lập ID riêng cho post đó, và ID này có thể là ID của bài viết vì mỗi bài viết đều có một ID khác nhau, ID cũng sẽ không được đổi khi bạn sửa URL/domain.

<div class="fb-comments" xid="<?php the_ID(); ?> data-numposts="20" data-colorscheme="light" data-version="v2.3"></div>

Đếm số bình luận cho bài viết

Nếu bạn cần lấy số bình luận của từng bài viết thì có thể bỏ đoạn này vào trong file single.php, bên trong loop nằm ở vị trí mà bạn cần hiển thị:

<span class="fb-comments-count" data-href="<?php the_permalink(); ?>"></span>

hoặc nếu dùng XID thì:

<span class="fb-comments-count" xid="<?php the_ID(); ?>></span>

Để quản lý comment, bạn truy cập vào https://developers.facebook.com/tools/comments

75 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
75 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
Ken

Mình chuyển đổi website lên ssl thì không sử dụng được công cụ kiểm duyệt thì phải làm sao

Lê Bảo

Hôm nay định thêm vào cho website mới, vào tạo app thì thấy hiện thông báo này.
Reminder: Graph API v2.3 will be deprecated on July 10, 2017. Please use the API Upgrade Tool to understand how this might impact your app. For more details see the changelog.
Không biết có ảnh hưởng gì tới facebook comment của mình không nhỉ..thấy trong code có đoạn data-version=”v2.3″, giờ mình thay bằng 2.8 hay 2.9 để tăng thời gian lên có được không?

Loc Huynh

Cho hỏi ad đang dùng plugin comment gì cho trang của ad vậy. Em thấy thích giao diện comment kiểu này mà không biết ad đang dùng plugin nào hay là do comment của theme?

làm răng sứ veneer

Hình như cái này có 1 bất lợi là khi khách coment xấu thì k xóa đc phải không anh

Bao ho Thai Son

Bạn nào không hiển thị được khung fb comment khi sử dụng đoạn code này:
<div class="fb-comments" data-href="” data-numposts=”20″ width=”100%” data-colorscheme=”light” data-version=”v2.3″>

thì sửa lại thành

Xem có hiển thị không nha. Ok

Bao ho Thai Son

Mình gõ sót, vì comment ko có tính năng sửa nên mh viết lại tại đây. (Thạch xem có thể bổ sung tính năng sửa comment không nha)

Bạn nào không hiển thị được khung fb comment khi sử dụng đoạn code này:
<div class="fb-comments" data-href="” data-numposts=”20″ width=”100%” data-colorscheme=”light” data-version=”v2.3″>

thì sửa lại thành:

Xem có hiển thị không nha. Ok

Bao ho Thai Son

<div class="fb-comments" data-href="” data-numposts=”20″ width=”100%” data-colorscheme=”light” data-version=”v2.3″>
thành
Thạch xem gộp cho mh nội dung này thành 1 comment nha, ko biết quá giới hạn ký tự hay sao mà ko hiển thị được đầy đủ.

Nana

Cho mình hỏi mình muốn đưa bl từ bức ảnh này sang bức ảnh khác thì làm thế nào vậy

Thịnh

Cho e hỏi là sao hoàn thành xong các bước trên rồi mà vào bình luận thì nó bảo tính năng chưa khả dụng ngay bây giờ là sao vậy a? Link: https://phimtor.cf/vong-tron-tu-than/

Đẹp Da Giữ Dáng

Chào Thạch, Mình làm comment facebook như bạn hướng dẫn cho site của mình http://www.depdagiudang.com, nhưng tại sao
vẫn phải đăng nhập facebook trên trình duyệt của điện thoại, có cách nào tự động sử dụng comment theo app của điện thoại không?

van

Cái phần giữ lại cmt khi đổi domain thì dán vào chỗ nào vậy bạn?

van

Bạn cho hỏi, sao mình làm hết các bước, nhưng comment fb chỉ hiển thị trên máy tính còn trên mobile vẫn là mặc định của WP nhỉ

Nguyễn Trí

tạo bình luận như blog anh thì làm như nào anh??

Văn Hiền

Chào ad, Bây giờ mình đã làm được khu ai đó trả lời cmt và like cmt của mình trên web rồi, nhưng khi có thông báo lên FB thì nó ko đưa đến bài viết đó mà nó đưa về trang chủ (domain.com/>eror) – > domain.com
Vậy có cách nào để ấn vào thông báo trên FB nó chạy đúng đến Url ko ạ
Mình đang xài mỗi bài 1 cmt
tks ad

Lee

chào ad, mình muốn chèn cmt FB vào web, nhưng trang web của mình đã có mục cmt rồi, mình phải gỡ và thay nó như thế nào, giúp mình với.

Đạt

bạn có khai báo cmt trong wp ko, vd như , có xóa đi là d9c nha bạn

Thanh

bạn ơi, mình đã xóa phần cmt và chèn <div class="fb-comments" data-href="” data-numposts=”20″ width=”100%” data-colorscheme=”light” data-version=”v2.3″> đúng như thế này nhưng không hiển thị, khi mà mình thay đổi data-href= như facebook thì được.

William Lee

a cho em hỏi cái plugin a đang dùng ở phần comment này là gì ạ ? em cảm ơn

phim1p

Bạn hỏi bình luận sử dụng trong bài viết kia hay cái nào nhỉ?

Phó

1 App có dùng cho 2 website được ko các bác ơi?

may photocopy

Em đã thực hiện sao nó khi có comment trên website nó lại không thông báo về facebook cho em ạ?

Dịch vụ SEO Google

Mình tích hoạt giống hướng dẫn nhưng ko xóa được comment. Do mình tích hợp sai hay sao bạn?

Dương Văn Thắng

Bạn làm thế này là thông báo về được này:
Nhúng cái này vào thẻ

Thay cái số kia bằng cái ID Facebook cá nhân của bạn. (người quản lý)
Chỉ nhúng thẻ trên không nhúng thêm thẻ

Nhưng quản lý hơi mệt ah 🙂

Tìm hiểu Sản phẩm

Sao mình tích hợp vào rồi nhưng bài viết, trang nào cũng có comments giống nhau là sao hả bạn (trang http://timhieusanpham.com này nhé bạn)

Hà My

Mình không biết làm như thế nào để xóa được các bình luận có link http://suatulanh24h.net/trung-tam-bao-duong-sua-chua-may-giat-tai-nha-ha-noi/
nhờ anh xem hộ em đây là đường dẫn ví dụ trên web em có link của người bình luận ạ.

Bùi Thắng Lợi

anh thạch cho em hỏi với em đã chèn thành công cho trang http://baobithangloi.com nhưng mỗi bài viết cái bình luận facebook như nhau hết, em muốn nhấp vào bài viết đấy thì bình luận của bài đấy không chung với bài khác mong anh giúp đỡ nhé

Gia sư Hà Nội

Website https://timgiasuhanoi.com của mình cũng bị lỗi như vậy các bác ạ, không biết lỗi do đâu.

Kiên

Dear Thạch! Mình đang gặp phải vấn đề thế này, khi mình setup để chèn comment facebook vào thì nếu chỗ data url để là link domain web của mình thì khung cmt sẽ có phần quản lý comment. Nhưng như thế thì tất cả bài viết sẽ chung 1 bình luận. Còn nếu mình để tự động cho nó lấy link của các bài viết hoặc sản phẩm thì vẫn load ra khung comment bình thường, nhưng lại không có mục quản lý bình luận bên cạnh. Không biết Thạch có hướng giải quyết tình trạng này không? Hy… Xem thêm »

Quý

Lỗi Là sao ạ

Lê Ngọc Thọ

em muốn lấy comment facebook vào web nhưng hiện tại đang chạy trên localhost thì phải làm sao ạ???

Thăng Long

Anh và mọi người cho em hỏi rằng, muốn tích hợp comment vào sản phẩm “woocommerce” làm thế nào ạ.

Bạn làm đc chức năng này chưa?

Thắng

Thach Pham cho mình hỏi chút.

Trước đây web của mình do 1 bạn khác xây dựng, có sử dụng trình comment facebook là “Wpdevart Facebook comments” Mình k có cách nào kiểm tra được comment facebook mới trên website.

Cho mình hỏi:
– với Plugin cũ, có cách nào mình điều chỉnh gửi thông báo về facebook của mình k?
– hoặc mình xóa plugin cũ và cài cách thức comment facebook mới cho web, thì những cmt cũ có bị mất k?
Cảm ơn!

nguyễn đức vũ

Thach Pham ơi cho mình hỏi, khi mình đổi url trên web
nó bị mất comment, mà mình đổi lại link cũ mà nó lại trỏ về trang chủ là sao vậy

Trung

Anh Thạch ơi!

Thứ 1: Link post của em hiện tại đã đổi domain khác trước ở chỗ .htm nên bây giờ các comment cũ không hiện được. Mà trước đó em không dùng code (<div class="fb-comments" xid=" data-numposts=”20″ data-colorscheme=”light” data-version=”v2.3″>) thì bây giờ em gắn vô nó có hiện comment cũ không ạ

Thứ 2: Các comment mới của em lại không hiện trong link https://developers.facebook.com/tools/comments/appid là bị lỗi gì vậy ạ. Anh giúp em với

Em cảm ơn anh Thạch rất nhiều

Khang

Bạn cho mình hỏi, mình làm đủ các bước rồi nhưng nó báo thế này :

The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.

Bạn giúp mình với.

Tom Nguyễn

Ad cho hỏi sao làm theo từng bước rồi mà khi zo bình luận thì ” Không thể gửi được tin nhắn vậy”??

Luan

Ad ơi thay web cua minh Thực phẩm chức năng nam việt không hiện được comment facebook không hiểu tại sao

Luan
binh

mình muốn tạo ô bình luận mà không pahir đăng nhập dc không a thach ơi

Trứ

chào anh. e đã làm đúng các bước như anh hướng dẫn. cũng hiển thị được ô comment rồi. nhưng khi đăng 1 comment thì gặp thông báo lỗi là “nội dung này không còn tồn tại”. anh chỉ e cách sửa lỗi đc ko a

Thuyên

Em có tạo 1 plugin vào web của em. Nhưng có những bình luận e k muốn xuất hiện thì làm như thế nào để e có quyền xóa nó ạ. Nhờ các anh chị chỉ dùm e,. E xin cảm ơn

vinh

tuyet voi

nguyễn đức vũ

Hi thach pham
bên phần tạo app facebook mình làm theo các bước, phần setting nhập thông tin xong nó không cho lưu lại là sao thach pham, giúp mình với

Thịnh

Hi Thạch

Mình làm như hướng dẫn trên của bạn nhưng khi kiểm tra trên website thì có bài viết có phần facebook comment ở dưới mà có bài viết lại không có?
Ví dụ hai bài này của mình:
bài này có comment FB
bài này lại không có comment FB

phuoc cho

e thấy trang này pa cao mà cho cmt nè . mọi người vào đây thử đi : máy ảnh việt

bình luận test

test bình luận

kien

Anh cho em hỏi tại sao phần comment giờ lại hiện ra 2 bảng bình luận của Facebook, có cách nào xóa đi 1 bảng ko ạ? em cảm ơn

Thành phan

Anh Thạch phạm cho em hỏi Khi bạn bè tag em vô bình luận phía dưới sao nó không thông báo về trang cá nhân vậy anh?
Trong khi đó chỉ thông báo khi bạn bè hay ai đó trả lời thôi!
Liệu đó có phải bình thường không?
cảm ơn anh đã chia sẻ bài này rất hay.

Vin

Dear Anh Thạch Phạm

Tình hình em làm giống y như anh , rồi thử dùng plugin đủ cách nhưng vẫn không hiện ra được . Có cách nào liên lạc với anh để được tư vấn không

Hồ Thanh Vị

Site là http://khonhadat.net mà em là phần quản lý hoài k dc giúp với

Huy Phạm

sao đặt xong, test thử =)) ở bài nào cũng có 1 comment y chang nhau vậy Thạch

Nhật Tân

Chào anh Thạch Phạm!
Tại sao khi làm xong các bước trên thì em vào bình luận lại hiện ” không thể gửi tin nhắn ” ạ?

Thắng

Mình cũng bị lỗi như bạn này, mình đã test thử, nếu mình thay cái link của facebook mặc định trong code mà fb nó cho vào data-href hay bất kỳ link post nào thì comment đc, nhưng mình để the_permalink như trong bài hướng dẫn của bạn thì lại khong thể gửi tin nhắn khi comment được, có thể giúp mình không?

Thắng

Đây bạn ơi, bạn có thể kiểm tra giúp mình không? đây là code trong file comment.php của mình, phần comment mặc định mình đã đóng tạm lại rồi, chỉ còn đoạn comment fb thôi.

<?php /**

1 &amp;&amp; get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?&gt;

<!-- .nav-links -->
<!-- #comment-nav-above -->

<ol>
'codilight_lite_comment'
) );
?&gt;
</ol><!-- .comment-list -->

1 &amp;&amp; get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?&gt;

<!-- .nav-links -->
<!-- #comment-nav-below -->

<p class="no-comments"></p>


*/ ?>

<div class="fb-comments" data-href="” data-numposts=”20″ width=”100%” data-colorscheme=”light” data-version=”v2.3″>

Thắng

mình xóa toàn bộ code trong file comment.php chỉ để lại duy nhất dòng <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div>
nhưng vẫn không được, hix

hoang nam

rất hay minh thử rất ok.thanks

Anh

Bác cho em hỏi là sao trang của em có bài có phần Comment có bài lại bị mất vậy nhỉ? Em mới đổi tên miền mới..Những bài cũ thì ko bị mất phần comment Face cũng như mặc định của WordPress, Còn những bài mới gần đây thì không thấy có. Vậy em phải làm sao?
Em cảm ơn!!

Ngọc Long

Chào anh Thạch Phạm
Anh hướng dẫn em chèn facebook comment vào sản phẩm woocommerce vs ạ.
Em cảm ơn

Ngọc long

Em cảm ơn 🙂

Phóng

Mình cài đặt như hướng dẫn nhưng trang page thì k có comment. Phần quản lý comment cũng không nhận được thông báo nào cả. help me.

Hoàng Hiệp

Hi ThachPham,

Mình đã làm các bước theo bạn hướng dẫn và đã ok. Tuy nhiên website của mình có dùng Woocommerce thì khi mua hàng vẫn phải dùng acc của web. Bạn có cách nào connect acc FB vào Woocommerce để khi khách mua hàng dùng đúng acc FB của khách ko vậy?

Cảm ơn bạn rất nhiều.

Thân.

Hoàng Hiệp

Cảm ơn bạn rất nhiều.
Ah trên bài bạn có đề cập “Đừng lo lắng vì bạn vẫn muốn dùng hệ thống comment của WordPress vì vẫn có cách để bạn có thể áp dụng cả 2 hệ thống bình luận vào blog.”
Vậy bạn hướng dẫn giúp mình tích hợp 2 hệ thống vào blog cho khách ko dùng FB vẫn comment được nhé.
Cảm ơn bạn đã dành thời gian hỗ trợ.
Thân.

75
0
Would love your thoughts, please comment.x
()
x