Chèn Facebook comment và đếm số comments trong WordPress

Nhờ khả năng lan truyền thông tin nhanh chóng, Facebook là một cộng cụ không thể thiếu đối với các blogger và các Webmaster. Ngày càng có nhiều trang blog, website tích hợp thêm chức năng comments Facebook để tận dụng khả năng tuyệt vời của công cụ này. Có rất nhiều plugins có thể hỗ trợ bạn làm được điều này nhưng trong bài viết này, mình sẽ hướng dẫn các bạn chèn chức năng comment Facebook vào WordPress mà không cần dùng đến plugin.

Chèn comment Facebook vào WordPress

comment facebook

Trước tiên, bạn cần chèn đoạn script sau vào file header.php, trước khi đóng thẻ </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/all.js#xfbml=1&appId=247718772064794";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Đối với các bạn sử dụng Genesis, bạn vào mục Genesis > Theme settings và chèn đoạn script trên vào mục Header and Footer Scrips.

Tiếp theo, bạn sử dụng đoạn code sau chèn vào vị trí bất kì trong theme mà bạn muốn hiễn thị khung comment:

<div class="fb-comments" data-href="'.get_permalink($post->ID).'" data-numposts="10" data-colorscheme="light" data-width="640"></div>

Đối với Genesis Childthemes, bạn có thể chèn đoạn code sau vào file functions.php:

add_action('genesis_after_post_content','rayno_comment_face');
function rayno_comment_face(){
	if(is_single()){
		echo '<div class="fb-comments" data-href="'.get_permalink($post->ID).'" data-numposts="10" data-colorscheme="light" data-width="640"></div>';}
}

Đếm số comment Facebook trên bài viết trong WordPress

Để làm được điều này, bạn chỉ cần sử dụng đoạn code sau:

<fb:comments-count href="'.get_permalink($post->ID).'"></fb:comments-count>

Chèn code trên vào vị trí bạn muốn hiễn thị số comments Facebook trên bài viết.

Đối với Genesis Childthemes, bạn có thể chèn code trên vào phần post info, chẳng hạn như:

add_filter( 'genesis_post_info', 'post_info_filter' );
function post_info_filter($post_info) {
    $post_info = '<span class="post-view">[post_view]</span> <span class="post-comments"> <fb:comments-count href="'.get_permalink().'"></fb:comments-count></span> <span class="post-like"><div class="fb-like" data-href="'.get_permalink($post->ID).'" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div> </span><span class="post-share"><div class="fb-share-button" data-href="'.get_permalink($post->ID).'" data-type="button_count"></div></span> ';
    return $post_info;
}

Trong đoạn code trên mình có chèn vào nút likeshare bài viết lên Facebook, bạn có thể tham khảo và áp dụng. Kết quả của đoạn code trên cùng với một số lớp css, bạn sẽ được như thế này:

dem comment facebook

Để hiễn thị số lượt xem bài viết, bạn có thể sử dụng plugin BAW Post Views Count. Bạn có thể tham khảo trang mẫu tại đây: xemdecuoi.com
Nếu bạn muốn sử dụng plugin để chèn comment Facebook vào WordPress, bạn có thể tham khảo bài viết Tích hợp comments Facebook, Google+ vào blog WordPress

Đánh giá bài viết này

Tìm trên Google
  • comment facebook theme genesis
  • top comment facebook cho wordpress

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Chào Bảo, vậy nếu mình muốn chèn comment facebook và mình muốn wordpress lưu comment facebook và hệ thống comment của wordpress thì làm thế nào vậy ??? mail cho mình nhé

  2. – Mình làm giống bạn chỉ mà không có hiện ra Facebook comment, lạ ghê, mình cũng xem nhiều trang khác chỉ cũng giống bạn mà cũng không thây gì.
    – Mình cũng sài thử plugin thì có hiện ra Facebook comment, mà khi mình log out account admin ra thì khung comment lại biến mất, qua máy khác thì cũng không thấy, đăng nhập account thì mới thấy đươc comment, mình cũng không biết tại sao nữa, buồn thật. Mong bạn chỉ giúp.

  3. Mình muốn đếm like cho từng bài viết thì làm thế nào hả Rayno? Chỉ giúp mình với…..

  4. cái header.php là cái gì mở nó như thế nào để chèn vào?? hướng dẫn kiểu này chỉ cho những người chuyên ngành IT mới hiểu thôi, cái này ko nói rõ thì bố con củng tìm cả năm củng ko ra, chán cách truyền đạt của dân IT thật =.=

  5. Bạn ơi cái này không thấy like cho bài viết được. Và cả share bài viết. giờ làm sao được, bạn giúp mình với. Mình tìm hoài trên mạng cũng không thấy.

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!