Bài 8: Chèn comment Facebook vào Blogspot API 2.7 (13/07/2016)

Mới đây Facebook đã ra thông báo Graph API v2.0 không còn được hỗ trợ kể từ ngày 07 tháng 8 năm 2016. Thay vào đó là phiên bản mới nhất của API 2.7 được giới thiệu vào ngày 13 tháng 7 năm 2016.

Sự thay đổi phiên bản này khiến cho nhiều bạn khi làm theo các hướng dẫn trên mạng gặp khó khăn. Chính vì thế mình đã cập nhật lại cách làm và đã test thành công. Sau đây là các bước thực hiện. Các bạn nên làm chậm và kỹ nhé!

Đây là video mình làm để các bạn dễ thực hiện theo:

Hướng dẫn chèn comment Facebook vào BlogSpot 2016

Bước 1: Tạo tài khoản App ID (Bạn nào đã có rồi thì bỏ qua bước này)

Lưu ý: Với những bạn gặp thông báo lỗi "Message Failed" khi comment có thể là do bạn xóa App ID nên những ứng dụng của Facebook sẽ không hoạt động trên tên miền đó nữa. Vì thế bạn nên cân nhắc khi xóa App ID. Cách khắc phục chỉ có thể là bạn đổi tên miền hoặc không chèn ứng dụng comment nữa.

Truy cập https://developers.facebook.com/ -> Chọn Đăng ký (ở góc phải trên hết). Một bảng thông báo hiện ra, các bạn click vào ô trắng sát bên ô O (Hình 1) sau đó chọn Đăng ký (Hình 2) -> Xong (Hình 3).

chen-comment-facebook-vao-blogspot-2016

chen-comment-facebook-vao-blogspot-2016-1
Hình 1
chen-comment-facebook-vao-blogspot-2016-2
Hình 2
chen-comment-facebook-vao-blogspot-2016-3
Hình 3
Nếu Tài khoản Facebook chưa xác nhận qua số điện thoại thì bạn sẽ thấy một bảng như Hình số 4. Bạn chỉ cần nhập số điện thoại vào -> Facebook gửi một mã số qua tin nhắn đến điện thoại của bạn -> Bạn nhập mã số đó vào khung mã xác nhận là được.

chen-comment-facebook-vao-blogspot-2016-4
Hình 4
Tiếp theo sẽ xuất hiện một bảng thông báo như Hình 5 -> Chọn basic setup -> Làm theo yêu cầu của bước kiểm tra bảo mật (Hình 6) rồi nhấn gửi -> Tại trang quản trị ứng dụng các bạn chọn mục Xét duyệt ứng dụng (Hình 7) -> Đặt ứng dụng ở chế độ công khai (Hình 8) -> Chấp nhận (Hình 9)

chen-comment-facebook-vao-blogspot-2016-5
Hình 5
chen-comment-facebook-vao-blogspot-2016-6
Hình 6
chen-comment-facebook-vao-blogspot-2016-7
Hình 7
chen-comment-facebook-vao-blogspot-2016-8
Hình 8
chen-comment-facebook-vao-blogspot-2016-9
Hình 9
Tiếp tục quay trở lại Bảng điều khiển -> Click Chọn nền tảng (Hình 10) -> Chọn Trang Web (Hình 11) -> Tại trang mới xuất hiện các bạn copy đoạn code script (Hình 12) và dán vào sau thẻ <body> trong Blogspot (Hình 13) -> Lưu mẫu.

chen-comment-facebook-vao-blogspot-2016-10
Hình 10
chen-comment-facebook-vao-blogspot-2016-11
Hình 11
chen-comment-facebook-vao-blogspot-2016-12
Hình 12

chen-comment-facebook-vao-blogspot-2016-13
Hình 13



Tiếp tục quay lại trang Facebook và kéo xuống phía dưới để nhập URL Website vào và nhấn Next (Hình 14) -> Tại trang mới chọn mục Social Plugins (Hình 15) -> Tiếp tục chọn mục Bình luận (Hình 16) -> Bấm vào Plugin Bình luận (Hình 17).

chen-comment-facebook-vao-blogspot-2016-14
Hình 14
chen-comment-facebook-vao-blogspot-2016-15
Hình 15
chen-comment-facebook-vao-blogspot-2016-16
Hình 16
chen-comment-facebook-vao-blogspot-2016-17
Hình 17
Trang mới xuất hiện các bạn kéo xuống ngay Trình tạo mã Plugin Bình luận và dán URL Website/Blog của bạn vào và nhấn lấy mã (Hình 18) -> Copy Đoạn code script ở Bước 2 (Hình 19) và dán vào sau thẻ <body>, lưu ý nhớ thêm amp; vào sau ký tự & (Hình 20).

chen-comment-facebook-vao-blogspot-2016-18
Hình 18
chen-comment-facebook-vao-blogspot-2016-19
Hình 19
chen-comment-facebook-vao-blogspot-2016-20
Hình 20
Tiếp tục nhấp vào khung code và nhấn tổ hợp phím Ctrl + f để tìm vị trí đoạn mã sau:

<b:include data='post' name='post'/>

Sau đó copy đoạn mã dưới dây và dán vào sau đó -> Lưu mẫu.

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

chen-comment-facebook-vao-blogspot-2016-21
Hình 21
Giờ thì vào một bài viết bất kì bạn sẽ thấy khung bình luận đã hiện (Hình 22). Tuy nhiên ta vẫn chưa kiểm duyệt được bình luận.

chen-comment-facebook-vao-blogspot-2016-22
Hình 22
Bước 2: Thiết lập kiểm duyệt bình luận

Để kiểm duyệt Bình luận (Có thông báo của Facebook khi có bất cứ bình luận nào trên Website/Blog) các bạn thiết lập như sau:

Copy và chèn đoạn code dưới đây vào sau thẻ <head>

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

Thay đoạn code {YOUR_APP_ID} bằng APP ID của bạn vào. APP ID là mã bạn tạo ở đầu bài ngay chữ ID Ứng dụng ở Hình 7. Lưu ý: Bạn đừng để người khác biết được APP ID của mình nhé. Vì đây là ví dụ mình test nên mình không che.

chen-comment-facebook-vao-blogspot-2016-23
Hình 23

Bước tiếp theo các bạn truy cập đường link sau:

https://developers.facebook.com/tools/comments

Nhấn vào cài đặt (Hình 24) sẽ xuất hiện một bảng như Hình 25

chen-comment-facebook-vao-blogspot-2016-24
Hình 24
chen-comment-facebook-vao-blogspot-2016-25
Hình 25
Chọn mục Moderators và thêm quyền quản trị của tài khoản Facebook của bạn vào như Hình 26 sau đó nhấn lưu.

chen-comment-facebook-vao-blogspot-2016-26
Hình 26
Giờ thì hãy nhờ ai đó hoặc truy cập một tài khoản Facebook khác và comment vào bất kì bài viết nào trong Blog để kiểm tra Facebook có thông báo không nhé.

chen-comment-facebook-vao-blogspot-2016-27

Chúc các bạn thực hiện thành công!

Nguồn: http://www.khoahocseo.club/2016/08/chen-comment-facebook-vao-blogspot-2016.html

P/s: Khoahocseo.club là Blog của mình lập để test chức năng thông báo comment của facebook. Và sau khi Test thành công mình đã có bài hướng dẫn như trên, nay đăng trên Blog chính để các bạn tiện theo dõi. Admin - Lê Vương Nam

No comments:

Post a Comment