Header Ads



Tôi Yêu Bạn Hải Dương

Chèn comment facebook vào Blogspot 2017 bản V 2.8



Như đã có nói đến trong bài cách chèn fanpage facebook vào blogspot, vì Facebook cập nhật và thay đổi nhiều plugin mới nên những hướng dẫn chèn comment facebook vào blogspot trước đây đều không thể quản lý được comment (hiển thị, trả lời, ẩn hoặc cấm người dùng).


Chú ý: Do Facebook cập nhật Plugin mới (API 2.7) nên giao diện khác rất nhiều khiến nhiều bạn thực hiện không thành côngVì thế mình đã tạo tài khoản mới sau đó test lại và đã ok. Các bạn thực hiện hướng dẫn trong video và link sau nhé!


Nhiều bạn khi thực hiện tính năng này đều mắc phải những lỗi sau:

  • Comment facebook chỉ hiện "thủ công" ở từng bài viết (tức là sau khi viết bài xong thì phải chuyển qua chế độ HTML của công cụ soạn thảo văn bản và chèn đoạn code comment facebook vào) hoặc 1 comment hiện giống nhau ở tất cả các bài viết.
  • Chèn comment facebook vào blogspot thành công nhưng không quản lý được (chỉ thấy bình luận của người dùng, không được thông báo, không biết comment đó của bài viết nào, không ẩn comment được).
Vì lý do này mà ở bài viết hôm nay, mình sẽ hướng dẫn các bạn cách chèn comment facebook vào blogspot mới nhất, có thể quản lý được comment của người dùng, nhận được thông báo facebook khi có người dùng bình luận vào bất cứ bài viết nào trên blog.

Ok. Giờ thì bắt tay vào làm nhé!


1. Tạo app facebook 2015 đơn giản


Truy cập đường link: https://developers.facebook.com/ trên thanh menu chọn My Apps -> Register as a Developer (Nếu như đã có tài khoản App rồi thì hãy tạo một App mới bằng cách chọn Add  a New App).

tao-app-facebook-1
Hình 1. Tạo App Facebook 2015

Facebook sẽ hiện bảng thông báo Register as a Facebook Developer, các bạn chọn Yes như hình 2.

tạo-app-facebook-2
Hình 2. Tạo App Facebook 2015
tao-app-facebook-3
Hình 3. Tạo App Facebook 2015
Tại bảng Add a New App các bạn chọn advanced setup theo như hình 4.
tao-app-facebook-4
Hình 4. Tạo App Facebook 2015
Tiếp tục thực hiện như hình 5.
tao-app-facebook-5
Hình 5. Tạo App Facebook 2015
Chọn hình theo yêu cầu kiểm tra bảo mật
tao-app-facebook-6
Hình 6. Tạo App Facebook 2015
Ở hình tiếp theo các bạn Copy lại mã App ID để một lát chèn vào code ở những bước tiếp theo
tao-app-facebook-7
Hình 7. Tạo App Facebook 2015
Mục Settings các bạn thiết lập như hình 8.
  • Phần App Domains: với những blog trỏ tên miền riêng thì các bạn nhập cả phần www. Với những blog có đuôi .blogspot.com thì các bạn chỉ cần nhập tên miền blog bình thường ví dụ như maylanhtotnhat.blogspot.com.
  • Phần Contact Email: các bạn nhập gmail quản lý và không được bỏ trống phần này.
  • Phần Site URL: sau khi click Add Platform thì các bạn sẽ thấy phần này, nhập trang blog của bạn vào đây bao gồm cả http://
Sau đó lưu lại (Save Changes)
tao-app-facebook-8
Hình 8. Tạo App Facebook 2015
Tiếp theo các bạn chọn mục Status & Review, sau đó click chọn Yes để kích hoạt chạy tài khoản App Facebook.
tao-app-facebook-9
Hình 9. Tạo App Facebook 2015
Thông báo hiện ra các bạn chọn chấp nhận
tao-app-facebook-10
Hình 10. Tạo App Facebook 2015

Trở lại phần Dashboard và copy sẵn mã App ID và thực hiện tiếp phần 2.

2. Chèn comment facebook vào blogspot


Chọn Mẫu-> Chỉnh sửa HTML->Ctr+f gõ tìm thẻ <head> và chèn đoạn code sau vào sau thẻ <head>

<meta content='App_ID' property='fb:app_id'/>

Thay App_ID bằng mã App của các bạn ở phần Dashboard (nếu quên các bạn xem lại hình 7).

chen-comment-facebook-vao-blogspot
Hình 11. Chèn comment facebook vào blogspot

Tiếp tục tìm đến thẻ <body> và chèn đoạn code sau vào sau 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/vi_VN/sdk.js#xfbml=1&amp;appId=App_id&amp;version=v2.3&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Thay thế App_id bằng mã App của các bạn

chen-comment-facebook-vao-blogspot-1
Hình 12. Chèn comment facebook vào blogspot

Tìm đến đoạn mã <b:include data='post' name='post'/> và chèn đoạn code sau vào bên dưới

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='747px' expr:data-href='data:blog.canonicalUrl'/>
</b:if>

Các bạn có thể chỉnh sửa thông số "747px" cho vừa với khung comment bài viết của blog các bạn.

chen-comment-facebook-vao-blogspot-2
Hình 13. Chèn comment facebook vào blogspot

Giờ thì lưu lại và xem ở mục comment ở một bài viết bất kỳ nhé. Nếu như thấy khung comment face book hiện Public Comments ·Moderator View là thành công.

chen-comment-facebook-vao-blogspot-3
Hình 14. Chèn comment facebook vào blogspot
Lưu ý: Một số Template có cấu trúc code khác sẽ không thể hiển thị khung comment facebookmặc dù các bạn đã thực hiện theo giống như trên (trường hợp này rất ít khi xảy ra). Nếu gặp trường hợp này thì các bạn có thể để lại lời nhắn bên dưới mình sẽ thiết lập giúp cho các bạn.

Đến bước này thì cơ bản các bạn đã hoàn thành chức năng gắn comment facebook cho blogspot. Tuy nhiên để có thể nhận được thông báo của facebook khi ai đó bình luận bài viết hoặc để quản lý comment của người dùng thì các bạn phải xác nhận tài khoản facebook bằng di động.

Cách thức làm như sau (xác nhận facebook là miễn phí nhưng khi nhắn tin qua các nhà mạng bạn sẽ tốn 10.000 đồng nhé. Mình đã tốn tổng cộng 20.000 đồng để thử và xác thực lại tính năng này :) nên các bạn có thể yên tâm).

Sau khi đăng nhập vào tài khoản Facebook các bạn chọn cài đặt->Di động-> Thêm số điện thoại. Sau đó nhập số điện thoại để xác nhận (nhập số điện thoại thật nhé các bạn và số này chưa từng xác nhận tài khoản facebook nào khác) và làm theo hướng dẫn của facebook. Nếu như chưa rõ thì làm theo hình phía dưới.

xac-nhan-tai-khoan-facebook
Chọn cài đặt tài khoản facebook của bạn


xac-nhan-tai-khoan-facebook-1
Tại mục di động các bạn chọn thêm số điện thoại


xac-nhan-tai-khoan-facebook-2
Chọn nhà mạng ứng với mạng của số điện thoại của bạn


xac-nhan-tai-khoan-facebook-3
Nhập số điện thoại của bạn vào và nhấn tiếp tục

xac-nhan-tai-khoan-facebook-4
Soạn tin nhắn như yêu cầu và nhập mã nhận được từ điện thoại của bạn vào như hình
Lưu ý: sau khi soạn tin nhắn thì các bạn nhớ hủy dịch vụ như thông báo trên di động của các bạn để không tốn tiền cho mỗi tháng nữa nhé.


xac-nhan-tai-khoan-facebook-5
Hiện như hình là đã xác nhận thành công nhé các bạn


thong-bao-comment-facebook
Thông báo facebook về comment bài viết


quan-ly-comment-facebook
Quản lý comment facebook


Bây giờ thì đã hoàn thành rồi đấy các bạn. Hãy thử dùng một tài khoản facebook khác và bình luận vào một bài viết bất kỳ, các bạn sẽ nhận được thông báo chi tiết từ facebook về tin bình luận của bài viết mới nhất. Khi click vào thông báo bạn sẽ được chuyển đến trang quản lý comment facebook. Tại đây các bạn có thể ẩn bình luận hoặc cấm người dùng tùy ý.
Vào nhanh trang quản lý comment facebook: https://developers.facebook.com/tools/comments sau đó thiết lập như hình dưới.
Trong quá trình thực hiện bài viết sẽ không tránh khỏi những thiếu sót. Nếu như các bạn bị vướng ở bước nào thì hãy để lại comment bên dưới mình sẽ giải đáp cụ thể. Ngoài ra, như đã có đề cập ở trên, mỗi template khác nhau cũng ảnh hưởng đến kết quả thực hiện khác nhau do đó các bạn nên xem kỹ từng bước và dựa vào đó để gắn comment facebook vào cho blog thích hợp nhất.

Kênh giải trí  Hải Dương 24H
Powered by Blogger.