Facebook hiện tại đang là mạng xã hội phổ biến tại nước ta và trên toàn thế giới, chúng ta phải biết tận dụng sự phổ biến của nó để quảng bá website của mình. WpGuide sẽ hướng dẫn các bạn tích hợp cho website hệ thống comment của Facebook, đây là một trong những hệ thống được facebook hỗ trợ tích hợp vào website bên cạnh facebook like, share, fanpage, …
Ngoài ra Facebook Comment cũng có nhiều điểm yếu như: hơi khó quản lý, facebook bị chặn gây ảnh hưởng, spammer qua facebook cũng không hề ít, …
Nhưng với lợi ích lớn như vậy thì việc sử dụng Facebook Comment là một việc nên làm. Nếu bạn vẫn muốn dùng hệ thống Comment của WordPress thì bạn vẫn sẽ có thể sử dụng cả Facebook Comment song song.
Lưu ý là bạn không nên sử dụng Plugin để cài Facebook Comment vì nó sẽ gây tốn tài nguyên hệ thống không cần thiết, ngoài ra Facebook Comment cũng sẽ không sử dụng được trên Localhost.
Để tích hợp được Facebook Comment thì chúng ta phải tạo một App trên Facebook, App này được dùng để quản lý comment trên website của bạn.
Đầu tiên bạn vào//developers.facebook.comvà chọnAdd a New Apptrong menuMy Apps
Lưu ý:Bình thường với một tài khoản chưa tạo App bao giờ bạn sẽ phải chọnRegister as a Deverloperđể đăng ký, bạn sẽ phải đồng ý với điều khoản và xác nhận tài khoản qua điện thoại. Sau đó bạn mới có thể bắt đầu tạo App mới. Nếu bạn bị mắc ở phần này có thể phản hồi lại ở dưới để mình hướng dẫn trực tiếp.
Tiếp tục có một pop-up hiện ra, bạn lựa chọnTrang Web(có hình www)
Và điền tên app tùy thích vào
Rồi chọnCreate New FacebookApp ID.
Bạn lựa chọn thể loại cho App (nên để làỨng dụng cho trang) hoặc lựa chọn App mới là test version cho một App cũ (không nên lựa chọn nếu bạn muốn tạo App mới).
Bạn nên skip bỏ qua bướcQuick Startvì hiện tại chưa cần đến nó.
Sau đó bạn sẽ được chuyển đến trang thông tin cấu hình App, bạn sẽ thấyApp IDvàApp Secret(chọn Show để thấy mã này). Bạn nên giữ mã ởApp Secretkhông cho ai biết.
Tiếp theo bạn lựa chọn menuSettingsbên trái để thiết lập một chút cho App
Bạn điền thông tin vàoContact Emailvà chọnAdd Platform > Websiteđể thêm địa chỉ website bạn cần tích hợp comment.
Chọn menu Status & Review để bật App lên (lựa chọn nút như trong hình).
Bạn sẽ thấy App của mình hiện đèn báo xanh. Bây giờ App đã sẵn sàng sử dụng, bạn có thể copyApp IDvàApp Secretđể tiếp tục các bước sau.
Đầu tiền, bạn truy cập//developers.facebook.com/docs/plugins/commentsvà chọnGet Codeđể lấy mã chèn vào website (nội dung chỉnh sau, không cần điền thông tin vào đó).
Ở phần App ID bạn chọn App mà bạn vừa tạo trước đó.
Bạn chèn đoạn mã được khoanh đỏ vào trước thẻ<body>sau thẻ</head>, đồng thời chèn tiếp đoạn mã sau vào trong thẻ<head></head>với APP ID là App ID của bạn:
<meta property="fb:app_id" content="APP ID" />
Chúng ta sẽ chèn như thế này:
Bây giờ bạn chỉ việc điền đoạn mã sau vào nơi bạn muốn khung comment hiển thị, có thể là file single.php hoặc file comments.php.
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="10" width="100%" data-colorscheme="light" data-version="v2.5"></div>
Cuối cùng bạn vào//developers.facebook.com/tools/debugđể xóa cache của website, lựa chọnDebugrồi tiếp tục chọnFetch new scrape information.
Bạn sử dụng đoạn mã sau vào nơi muốn hiển thị số lượng bình luận của một bài viết
<span class="fb-comments-count" data-href="<?php the_permalink(); ?>"></span> bình luận