Ở bài trước, mình đã hướng dẫn các bạn cách thêm bình luận facebook cho blogspot khá đơn giản, không cần phải xác thực tài khoản hay tạo App. Nhưng bất tiện ở chỗ bạn không thể quản lý bình luận của bạn đọc.

Bài viết này, mình sẽ hướng dẫn các bạn cách thêm bình luận Facebook vào blog quản lý bằng App.

Ưu điểm: Dễ dàng tiếp nhận cũng như quản lý tất cả các bình luận.

Giao diện quản lý bình luận của Facebook APP
Giao diện quản lý bình luận của Facebook APP

Cách chèn bình luận Facebook vào blogger và quản lý bằng APP


Lưu ý: Để tạo app, tài khoản người dùng tại facebook của bạn phải được veryfi (xác thực), thông thường là qua mạng di động, các mạng như mobi hay vina... các bạn xác nhận bình thường, riêng mạng Viettel các bạn làm theo hướng dẫn:
Cách xác nhận tài khoản facebook qua mạng Viettel

Tạo ứng dụng facebook quản lý bình luận, nhận xét

Bước 1: Đăng ký app trên facebook
- Truy cập vào địa chỉ: https://developers.facebook.com/
- Tạo app mới như trong hình.

Tạo ứng dụng facebook quản lý bình luận, nhận xét

Bước 2: Đặt tên cho app (Ứng dụng)

Tạo ứng dụng facebook quản lý bình luận, nhận xét

Nhập mã bảo vệ như trong hình sau khi chọn "Tạo ứng dụng"

Tạo ứng dụng facebook quản lý bình luận, nhận xét

Bước 3: Thiết lập ứng dụng vừa tạo tại Facebook

Thêm comment app Facebook cho blogspot (Mới)

Chèn khung nhận xét vào blogspot


Bước 4: Đăng nhập vào blogger, vào "Mẫu" -> "Chỉnh sửa HTML"

- Thêm đoạn sau vào thẻ <html...
xmlns:fb='https://www.facebook.com/2008/fbml
- Đoạn sau vào trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>
Thay thế Mã ứng dụng của app mà bạn đã tạo như trong hình tại bước 3.

Bước 5: Thêm đoạn mã bên dưới vào trước thẻ </body>
<div id='fb-root'/>
    <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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
        fjs.parentNode.insertBefore(js, fjs);
      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
Bước 6: Thêm đoạn code bên dưới vào trước thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>
Lưu ý:
- data-num-posts="5: Số nhận xét được hiển thị.
- data-width="600: Độ rộng của khung bình luận.

Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot

Thông thường ta sẽ chèn ngay phía bên dưới bài viết. Tìm một trong các đoạn code sau:
<b:include data='post' name='post'/>
Thêm đoạn code sau vào bên dưới đoạn vừa tìm được:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Lưu ý: Để xem và quản lý các bình luận, ta vào https://developers.facebook.com/tools/comments, chọn app vừa tạo.
Share on Google Plus

Tác giả: Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

78 nhận xét :

  1. Chào Hoàng, mình rất cảm ơn bạn đã chia sẻ nhiều kiến thức bổ ích về blogspot. Mình muốn hỏi bạn chút là:
    Mình có web www.lapmangcmc.net, viết bằng php, trong các bài viết có để mục comment fb, mình muốn xóa comment nội dung k tốt đi thì làm ntn? ví dụ : http://lapmangcmc.net/news/Tin-tuc-1/Lap-mang-internet-CMC-toa-nha-CMC-Tower.html

    Cảm ơn bạn!

    ReplyDelete
    Replies
    1. Tất nhiên là đc, với điều kiện khi thêm bạn phải dùng app của facebook và bạn là modelator. Bên dưới mỗi comment sẽ có chữ kiểm duyệt, bạn nhấp vào và chọn ẩn là đc. Bạn xem trong hình nhé ^^
      http://i1.upanh.com/2014/0115/23//58531933.1.jpg

      Delete
    2. hồ lộ ra một tia khí tức quay lôi đình dẫn dắt Vương Lâm vào Lôi tiên giới vọt vào trong thiểm điện màu đỏ sậm kia trong nháy mắt. Lực lượng của lôi đình ẩn chứa trong đó trong nháy mắt này điên cuồng dâng lên, tăng gấp mấy lần, đạt tới một mức độ đáng sợ.

      Nó giống như một con rồng điên cuồng lao vào trong cơ thể Vương Lâm, chỉ trong một hơi thở đã khiến cả thân thể Vương Lâm tê dại, ngay cả nguyên thần cũng lập tức bị lôi điện dẫn dắt, hoàn toàn khóa lại.
      dong tam
      game mu
      cho thuê phòng trọ
      cho thuê phòng trọ
      nhạc sàn cực mạnh
      1900 6516 tổng đài tư vấn luật miễn phí
      văn phòng luật
      số điện thoại tư vấn luật
      thành lập công ty

      Hiện tượng này nhanh tới mức Vương Lâm thậm chí không kịp suy nghĩ gì. Chỉ trong nháy mắt hắn liền chấn động toàn thân, giống như bị người ta thi triển định thân thuật vậy. Dưới sự công kích của lưu tinh lôi điện, thân thể hắn tiến vào trong Lôi tiên giới.

      Vương Lâm căn bản không thể thăm dò xung quanh. Lưu tinh lôi đình với tốc độ cực nhanh, giống như thiên thạch từ ngoài bầu trời giáng xuống, mang theo tiếng ầm ầm chấn động không gian, trực tiếp lao thẳng vào trong Lôi tiên giới, nghiền nát cả một vùng trên đại lục.

      Delete
  2. Chào bạn, Minh add code theo như bạn hướng dẫn sao comment ở trang web của mình lại ko xuất hiện trên fb đc nhỉ.

    ReplyDelete
    Replies
    1. Khi có comment bạn sẽ không nhận đc ở dạng thông báo đâu, trừ khí bạn reply comment ấy, để có thể xem và quản lý các bình luận, bạn vào đây nhé: https://developers.facebook.com/tools/comments

      Delete
  3. sao minh lam mai ma khong duoc vay

    ReplyDelete
  4. sao minh lam mai ma khong duoc vay

    ReplyDelete
  5. ban lam theo tung buoc la duoc ma, dung thieu buoc nao het la ok

    ReplyDelete
  6. Bạn ơi làm sao để cmmt fb chạy trên cả mobile version cua blogspot? Mình đã làm ok trên desktop version nhung coi blog tren mobile thi ko co chuc nang cmmt bang fb. Thanks ban

    ReplyDelete
  7. Bạn cho mình hỏi bỏ khung comment và đăng nhận xét ở các trang con thì làm thế nào
    đây là web mình http://www.lapdatmangcmc.com/2014/03/cac-goi-cuoc-vtvnet-khuyen-mai-trong.html
    Mình bỏ bài viết liên quan đi đc r nhưng phần khung comment xóa code mãi mà ko bỏ đi đc
    Tks a lot!

    ReplyDelete
    Replies
    1. Bạn vài Cà đặt -> Bài đăng và nhận xét-> Vị trí nhận xét: Ẩn

      Delete
  8. Em làm được rồi ạ ! ^_^ Cảm ơn anh nhiều nhiều ! :D
    Mấy bạn không tin là làm được thì xem nha Do Ngoc Nhan dot com

    ReplyDelete
  9. Bạn ơi sao màu chữ comment nó trùng với màu của trang blog mình.
    http://detectiveconanfannn.blogspot.com/2014/04/blog-post_561.html

    ReplyDelete
  10. Như thế nào để comment người dùng xuất hiện cùng link website lên trên wall fb của họ, như trong vnexpress.net làm vậy bạn?

    ReplyDelete
  11. sao trong phần tạo ứng dụng trên fb, nhập domains là Blogspot.com thì không đc."Top-level domains are not allowed"

    ReplyDelete
    Replies
    1. Bạn chọn mã nguồn là blogspot nhé, không phải là website :)

      Delete
    2. mình cũng bị tình trạng giống bạn này, mình cũng bị báo lỗi "Top-level domains are not allowed" , Hoàng nói chọn mã nguồn là blogspot có phải chỗ category hay ko? Mình chọn là entertainment hoặc cái khác cũng ko được. Hoàng hướng dẫn chi tiết bước này giúp mình nha. Tks.

      Delete
    3. Bạn làm tới bước nào thì bị lỗi này?

      Delete
    4. mình làm tới bước 3 đó bạn, lúc mình điền app domain và save lại thì báo lỗi.

      ảnh bị lỗi của mình: https://lh3.googleusercontent.com/-FlU1WenOADM/U7pKFYG3rQI/AAAAAAAAALA/HpczADifRvI/s361/facebook%2520apps%2520domain%2520error.png

      Delete
    5. Tại bước 3, mục setting, bạn để ý bên dưới có nút Add Platform, bạn chọn website, điền vào như trong hình, tại mục App Domains bạn điền luôn link của blog nhé :^^

      Delete
    6. ok, mình làm được rồi, tks bạn nhiều ^^

      Delete
  12. hic, mình bị lỗi này bạn Hoàng ơi, giúp mình nha. thanks bạn

    Lỗi khi phân tích cú pháp XML, dòng 2376, cột 175: The element type ":version" must be terminated by the matching end-tag "".

    đây là thông báo của máy khi mình lưu mẫu. nó cứ nhấp nháy trước chữ này /:html> trong dòng cuối cùng id='footer-1'/>

    ReplyDelete
  13. mình làm vậy mà vẫn chưa được =="

    ReplyDelete
  14. Bạn cho mình hỏi, mình đã làm thành công tới bước cuối cùng. Nhưng khi click vô Visit Website để xem bài viết nào được comment thì ko thấy có gì hết nên ko biết comment bài nào nữa :(((?????

    ReplyDelete
    Replies
    1. Kỳ ta, thấy được comment trong trang quản lý app là thành công rồi, bạn thử chụp trang quản lý với đưa link blog mình xem thử

      Delete
  15. Link hình với link blog nè bạn. Bạn xem dùm mình nhé:

    http://boconganh-shopthoitrang.blogspot.com/

    http://i1246.photobucket.com/albums/gg614/phuthuylucky/Untitled-1_zpsba7dc225.jpg

    Cảm ơn bạn!

    ReplyDelete
    Replies
    1. Bạn chuyển qua phần moderator view sẽ có nút visit website dưới mỗi comment đấy

      Delete
  16. Ko có nút visit website bạn ơi. Mình có chụp cả cái hình Moderator view luôn đó, bạn xem lại hình dùm mình nhé. Qua phần moderator view nó báo ko có comment nào hết: No comments require moderation.

    Cảm ơn bạn!

    ReplyDelete
    Replies
    1. Trong hình bạn đang ở chế độ public comment mà, bạn chuyển qua moderator view, ở phía trên comment ấy, không phải moderator view phía dưới.

      Lưu ý: Khi bạn dùng tài khoản admin của app để comment thì comment của bạn sẽ không hiện thị trong phần Moderator nhé, mình vừa mới comment, bạn check thử xem thế nào

      Delete
  17. Hehe......mình thấy rồi, té ra là tự mình comment nó ko hiện lên bên phần moderator view. Cảm ơn bạn nhìu lắm :) . Bạn chỉ rất nhiệt tình và tận tình nữa ^^

    ReplyDelete
  18. sao mình làm giống như vậy mà ko thấy những comment trong phần quản lý bạn nhỉ

    ReplyDelete
    Replies
    1. Trang của bạn là gì, phải là comment bằng tài khoản khác toàn khoản quản lý mới thấy nhé ^^

      Delete
  19. Thanks, pro mình đã làm được rồi !

    ReplyDelete
  20. Cảm ơn bạn. bạn nào có hứng thú học hỏi về phần cứng điện tử các bạn có thể ghé qua bog của mình nha.Sửa laptop tại Ninh Bình

    ReplyDelete
  21. Mình chèn thêm vào vậy sao lúc save nó lại ghi 'Lỗi khi phân tích cú pháp XML, dòng 647, cột 9: Element type "body" must be followed by either attribute specifications, ">" or "/>". vậy?

    ReplyDelete
    Replies
    1. body phải nằm trong thẻ thế này nhé <body>

      Delete
  22. Chào anh.
    Em đã làm theo hướng dẫn và thêm thành công khung cmt vào blog của em. Nhưng em thấy ở những site khác khi mình cmt thì nó cũng up luôn len fb của mình. Vậy tại sao blog của em thì khi cmt lại không như vậy? Lý do là gì và sửa lỗi như thế nào anh có thể giúp em sửa được không ạ. Nếu có thể thì anh gửi bài hướng dẫn vào mail: tuanphi1995@gmail.com giúp em với được không ạ.
    Em cảm ơn nhiều ạ!!!

    ReplyDelete
    Replies
    1. Chào em,

      Khi em thêm comment facebook vào blog, web sử dụng tài khoản tạo app thì khi có người cmt sẽ không thông báo lên tường mình, mà mình phải vào phần quản trị app để kiểm tra.

      Còn điều e thắc mắc là khi e cmt vào 1 web bất kỳ, tức là e đã theo dõi link ấy và khi có người khác cmt vào bài viết ấy, nó sẽ thông báo về tường của em. Em có thể test bằng cách cmt vào 1 link nào đó của e và nhờ 1 người bạn cmt vào link ấy, nó sẽ có thông báo lên tường đấy :D

      Lưu ý: E nhớ thường xuyên check cmt trong quản trị app để theo dõi bình luận nhé

      Delete
  23. Muốn đổi màu chữ comment fb thì làm sao Hoàng ơi. [-(

    ReplyDelete
  24. Bạn thử thêm đoạn này vào trước thẻ </head> xem sao nhé:
    <style>
    .fbFeedbackPost .postText{color:red}
    </style>

    red bạn thay bằng mã màu tuỳ ý nhé ^^

    ReplyDelete
  25. ý em là khi cmt ở site haivl hay một số site khác thì cũng có một bài đăng cmt kèm với link mình cmt được chia sẻ luôn lên fb của mình. nhưng site của em không được ạ.

    ReplyDelete
    Replies
    1. À, e để ý góc trái khung comment có phần "Cũng đăng lên facebook", tick vào đó là được :D

      Delete
  26. Cho mình hỏi làm sao để khi có người comment thì thông báo về facebook hoặc về mail để mình biết vậy?

    ReplyDelete
    Replies
    1. Ở cuối bài viết có link về trang quản lý comment đấy bạn :D

      Delete
  27. xmlns:fb='https://www.facebook.com/2008/fbml thiếu ' ở cuối b ơi Blog mình

    ReplyDelete
  28. Chào Anh,
    Sao e làm như hướng dẫn mà dưới mỗi comments ko có nút Moderator vậy a. A chỉ giúp

    ReplyDelete
    Replies
    1. Bạn thêm đoạn code sau bên dưới <meta content='Id App FB' property='fb:app_id'/>
      Code:
      <meta content='ID của bạn' property='fb:admins'/>
      :d

      Delete
    2. Cảm ơn a đã quan tâm. E đã có thêm 2 đoạn này những vẫn ko hiện. Nhưng ko bik sao giờ nó lại hiện cái nút đó =))

      Delete
  29. anh ơi sao em làm được rồi nhưng em vào cái quản lý comment thì nó lại không hiện ra gì nhỉ huhu TT
    em cảm ơn ạ

    ReplyDelete
    Replies
    1. Các bình luận xuất hiện trong mục quản lý tình từ lúc bạn tạo app nhé, các bình luận trước đó sẽ không xuất hiện

      Delete
  30. em đã làm đc cho http://xoichecung.blogspot.com/ thank bác nhiều

    ReplyDelete
  31. Mình cũng làm được cho http://mypham-trangda.blogspot.com/

    ReplyDelete
  32. Thanks, cho mình hỏi làm sao khi người dùng viết bài thì nó tự động đăng lên facebook trang người đó thế, mình cũng làm như bạn mà không tự động đăng lên facebook được cho dù đã click vào mục đăng lên faceboook

    ReplyDelete
  33. Hình như trang của bạn cũng không được sao ấy, một số trang khi mình comment ở khung facebook thì nó đăng bài đăng đó lên trang facebook của mình luôn, giống như là mình chia sẻ bài đăng đó lên trang facebook mình đó bạn

    Cám ơn bạn

    ReplyDelete
    Replies
    1. bạn bỏ tích "Also post on Facebook" là được rồi mà

      Delete
  34. This comment has been removed by the author.

    ReplyDelete
  35. Mình đến Bước 3 thì ko đc nữa: Top-level domains are not allowed!

    ReplyDelete
  36. http://gianphoixuanhoa.com/home/

    ReplyDelete
  37. Công ty Mai Phương Huy cung cấp dịch vụ ban may photocopy - cho thue may photocopy giá rẻ nhất đảm bảo chất lượng . Xin liên hệ chúng tôi để có giá cả hợp lý nhất.
    Mai Phương Huy Chân thành cám ơn người mua hàng!

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. đã làm được cho mình rồi , thank bạn

    Fix giam can

    ReplyDelete
  40. Doanh nghiệp Cửu Dung chuyên cung cấp ngao và một số loại thủy sản khác.

    ReplyDelete
  41. mình đã chỉnh lại rồi, nhưng mà cái của mình làm lại không có mục Moderator View như hình của add làm, theo đường Link sau bạn xem thử. http://www.quocduyauto.com/.../rotuyn-lai-ngoai-kia... . không tùy chỉnh gì được hết, mặc dù có bình luận mới nhưng trong App vẫn không báo có comments ! hic...bế tắc ! không biết sai chổ nào.

    ReplyDelete
  42. http://www.quocduyauto.com/2015/10/rotuyn-lai-ngoai-kia-morning-2012.html

    ReplyDelete
  43. http://www.quocduyauto.com/2015/10/rotuyn-lai-ngoai-kia-morning-2012.html

    ReplyDelete
  44. Chào Hoàng!
    Template của bạn rất đẹp. Mình đã sử dụng cho Blog của mình; tuy nhiên độ rộng các thanh Label như: trang chủ, tin tức, ... ngắn. Hoàng có thể hướng dẫn để mình kéo dài độ rộng các label cho hết trang màn hình không. Trân trọng cám ơn.
    http://nhansutinhoc.blogspot.com/

    ReplyDelete
  45. Dùng templates sẵn được luôn đúng ko?
    templates free tại : benhtrivn.com

    ReplyDelete
  46. mình có một số vấn đề cần hỏi về post bài blogpost mà sao bl k đăng đc

    Manchester United

    ReplyDelete