Hiện nay facebook là mạng xã hội lớn nhất hành tinh. Facebook không chỉ cung cấp cho người dùng những tính năng, tiện ích tuyệt vời mà Facebook còn cung cấp cho người phát triển website những hệ thống công cụ, app, API vô cùng tuyệt vời. Những công cụ này có thể nhúng vào website của bạn giúp website của bạn tương tác với người dùng facebook dễ hơn. Trong bài viết này Alla sẽ hướng dẫn các bạn tạo comment facebook trên website và quản lý comment đó.
Để nhúng được phần comment của facebook vào website của các bạn các bạn làm theo các bước như sau:
Bước 1. Tạo 1 Facebook APP (Mục đích để quản lý comment trên website của bạn):
Để có được 1 app facebook các bạn truy cập tại đây:(Chú ý phải đăng nhập vào facebook trước đó)
Click vào nút + Thêm ứng dụng mới
Các bạn điền thông tin Tên hiển thị, Email liên hệ, Danh mục chọn “Ứng dụng cho trang”
Popup yêu cầu bạn nhập captcha bạn hãy nhập cho đúng và click Gửi
Sau khi tạo trong trong phần quản lý app các bạn chọn Cài đặt >> Thông tin cơ bản: Ở bước này các bạn nhập đầy đủ thông tin như hình phần chỉ mũi tên chính là App Id
Tiếp đó các bạn bấm vào Nút + Thêm nền tảng và chọn nền tảng là “Trang web”
Nhập url website của bạn muốn thêm phần comment facebook và bấm Lưu thay đổi
Sau khi tạo xong các bạn vào tab Xét duyệt ứng dụng để công khai ứng dụng
Vậy là bạn đã tạo xong Ứng dụng quản lý commnent facebook rồi đấy. Triển khai tiếp Bước 2.
Bước 2. Tạo comment facebook vào website (Mục đích hiển thị ra form comment cho mọi người comment)
1. Thêm thẻ meta vào đầu trang web ngay dưới thẻ mở của thẻ <head> nhé. Vì mình có thử chèn dưới 1 số thẻ meta khác nhưng khi vào trình debug của facebook nó báo lỗi loạn xì ngầu lên. Dẫn đến không quản trị được comment
<meta property="og:type" content="website" />
<meta property="og:url" content="https://alla.com.vn/kien-thuc" />
<meta property="og:title" content="Kiến thức thiết kế website" />
<meta property="og:description" content="Hãy cùng nhau chia sẻ kiến thức website" />
<meta property="og:image" content="URL_IMAGE" />
<meta property="og:locale" content="vi_VN" />
<meta property="fb:app_id" content="1054094858070075" />Giá trị của thuộc tính content thay bằng nội dung của bạn nhé. Content của fb:app_id là App Id bạn vừa tạo ra ở Bước 1
2. Bạn hãy thêm đoạn code sau vào trong thẻ <head> website của bạn
<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/sdk.js#xfbml=1&version=v2.8&appId=1632614030377920";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));
</script>Ở đây facebook có sinh ra &appId=1632614030377920 nhưng mình bỏ đi không cần vì mình đã có khai báo nó ở trong thẻ meta ở trên rồi.
3. Nhúng ô comment facebook vào website
Thêm đoạn mã dưới đây vào website của bạn. Chỗ nào bạn muốn hiển thị thì thêm vào nhé
<div class="fb-comments" data-href="https://alla.com.vn/" data-numposts="5"></div>Trong đó:
data-href: Địa chỉ của trang web comment (Ví dụ comment bài viết này của Alla các bạn để là https://alla.com.vn/huong-dan-tao-comment-facebook-va-quan-ly-comment-tren-website)data-numposts: số comments được hiển thịdata-width: chiều rộng ô comment (pixels) nếu các bạn làm responsive các bạn để là 100%
Ngoài ra còn rất nhiều tham số khác bạn có thể tham khảo tại đây
Xong xuôi rồi các bạn save lại và up lên hosting để kiểm tra xem sao trường hợp thành công sẽ có Tab Công cụ kiểm duyệt như hình dưới
Trong trường hợp bạn làm các bước như trên rồi mà không hiển thị Tab Công cụ kiểm duyệt trong phần comment facebook bạn copy lại url vào Công cụ Facebook Debug để debug xem là lỗi gì hoặc bạn có thể comment dưới đây để Alla debug giúp bạn.
Bước 3. Thêm người kiểm duyệt nội dung comment facebook
Để kiếm duyệt nội dung comment bạn có thể click vào Tab Công cụ kiểm duyệt hoặc truy cập vào Công cụ quản lý comment Facebook. Ở đây bạn cũng có thể thêm người kiểm duyệt nội dung comment bằng cách nhấn vào Cài đặt >> Người kiểm duyệt và nhập tên người kiểm duyệt như hình bên dưới (Người kiểm duyệt đã là những người nằm trong danh sách bạn bè của bạn):
