Cài đặt facebook comment cho website

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ẻ 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

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ẻ website của bạn

Ở đâ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é

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/thiet-ke-website/huong-dan-tao-comment-facebook-va-q...)
• 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):

Thêm người kiểm duyệt comment facebook