Dịch Vụ Seo Lên Top Google

Dịch Vụ Seo Lên Top Google

Dịch Vụ Seo Lên Top Google

Cách chèn comment facebook vào blogspot 2016

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 2016 đơ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 2016

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 2016
tao-app-facebook-3
Hình 3. Tạo App Facebook 2016
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 2016
Tiếp tục thực hiện như hình 5.

tao-app-facebook-5
Hình 5. Tạo App Facebook 2016
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 2016
Ở 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 2016
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 2016
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 2016
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 2016

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 facebook mặ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
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 ý.

thong-bao-comment-facebook
Thông báo facebook về comment bài viết
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.

quan-ly-comment-facebook
Quản lý comment facebook
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.

Post a Comment

Hồ Quốc Trung