Bước 1: Tạo app (ứng dụng)
Truy cập vào https://developers.facebook.com/apps để tạo ứng dụng. Bạn nhấn vào +Creat New App để bắt đầu tạo:
Nhập mã bảo vệ:
Bước 2: Lấy mã ứng dụng
Sau khi tạo thành công bạn sẽ thấy mã ứng dụng, hãy copy mã này ra đâu đó để sau này bạn sẽ dùng lại, cái này vô cùng quan trọng vì nếu không có mã ứng dụng thì không quản lý được comment.
Bạn có thể thấy mã ứng dụng của tôi là: 639362859452357
Bước 3: Bật sửa code
Bạn vào Mẫu > Chỉnh sửa HTML
Bạn sẽ thấy một đống code, bạn phải click con trỏ chuột vào đó rồi nhấn Ctrl + F để bật tính năng tìm kiếm.
Tính năng tìm kiếm code nếu bạn đã quen với blogspot rồi thì hẳn đã dùng nhiều lần. Với bạn nào còn chưa quen thì chức năng này giúp bạn tìm được vị trí các thẻ - nó giống kiểu tìm chữ trong word ấy.
Bước 4: Sửa thẻ mở html
Đây là thẻ mở html trang blogspot của tôi, của bạn cũng gần tương tự - nó ở ngay đầu mấy dòng code:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' >
Nếu không nhìn ra, bạn gõ <html vào ô tìm kiếm để tìm vị trí thẻ này:
Điều bạn quan tâm không phải là hiểu ý nghĩa của thẻ html trên (tôi cũng không hiểu gì đâu) mà là đưa dòng code xmlns:fb='http://ogp.me/ns/fb#' vào bên trong thẻ trên. Và đây là kết quả:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:fb='http://ogp.me/ns/fb#' >
Bước 5: Thêm thẻ meta
Trước thẻ đóng </head> và sau thẻ mở <head> (tức là ở giữa 2 cặp thẻ này) bạn thêm đoạn code dưới đây vào:
<meta content='Thay mã ứng dụng của bạn vào đây' property='fb:app_id'/>
Bạn lấy mã ứng dụng của bạn ở bước 2 để dùng trong bước 5 này. Chú ý là nếu bạn cho cái thẻ meta trên ngoài cặp thẻ <head> là nó không chạy đâu nhé.
Bước 6: Thêm khung comment
Bạn sắp thành công...Thường thì comment người ta hay để ở cuối mỗi bài viết. Bạn tìm đoạn mã <b:include data='post' name='post'/> rồi copy - paste đoạn code sau ngay bên dưới:
<!--facebook comment-->
<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 = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=thay mã ứng dụng của bạn vào đây";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--facebook comment-->
<b:if cond='data:blog.pageType == "item"'>
<!--facebook comment-->
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
<!--facebook comment-->
</b:if>
Có 2 chú ý, thứ nhất bạn phải thay mã ứng dụng của bạn vào, thứ hai 530 là kích thước chiều ngang của comment, con số này là khác nhau giữa các website, bạn tùy chỉnh để nó hợp với độ rộng của trang web của bạn.
Và đây là kết quả:
Có 2 chú ý, thứ nhất bạn phải thay mã ứng dụng của bạn vào, thứ hai 530 là kích thước chiều ngang của comment, con số này là khác nhau giữa các website, bạn tùy chỉnh để nó hợp với độ rộng của trang web của bạn.
Và đây là kết quả:
Bước 7: Quản lý comment
Sau 6 bước trên là mọi người đã bình luận trên trang web của bạn được rồi, giờ ở phần này chúng ta thiết lập quyền quản trị, theo đó bạn điều chỉnh để bất cứ ai bình luận sẽ không hiện lên ngay lập tức mà phải được sự cho phép của bạn.
Bạn truy cập vào: https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn, rồi nhấn vào thiết lập, một cửa sổ mới bật ra, bạn chọn như hình dưới đây:
OK, như vậy là tất cả đã xong. Mỗi lần ai đó comment bài viết sẽ có thông báo cho bạn, và khi bạn vào khu vực quản trị nó sẽ trông giống như thế này:
Nhấn vào Chấp nhận để đồng ý cho comment đó xuất hiện công khai. Nhấn Visit Website để ghé thăm trang web của bạn nơi mà người dùng mới bình luận.
Chúc trang web của bạn mau phát triển và nhận được nhiều bình luận từ độc giả.
