Hôm nay mình xin giới thiệu tới các bạn tích hợp comment facebook vào wordpress.
Hiện tại thì trên mạng cũng đã có quá nhiều bài hướng dẫn rồi, tuy nhiên nó đều đã cũ và không còn phù hợp nữa. Hôm nay mình sẽ hướng dẫn các bạn chi tiết thiết lập và chèn mã vào website.
Tạo Facebook Apps
Để có thể dễ quản lý được comment tại Facebook, bạn phải tiến hành kết nối comment form trên website vào Facebook Apps mà bạn đang có trên Facebook của mình. Do vậy, bạn phải tạo một Facebook App nữa và lấy hai thông tin quan trọng nhất là App ID và App Secret Key.
Để tạo Facebook APPS mời bạn xem chi tiết: hướng dẫn tạo Facebook Apps
Các bạn truy cập trang này: https://developers.facebook.com/docs/plugins/comments kéo xuống bên dưới sau đó click Lấy mã ở bước Step 2.
Lưu ý các bạn chọn đúng App mà bạn vừa tạo trên, copy đoạn mã đó sau đó dán sau thẻ </head> của theme. Bây giờ bạn cần phải tìm ID của tài khoản facebook của mình nữa.
Ở đây mình sẽ không hướng dẫn các bạn lấy ID của tài khoản facebook mà mình sẽ hướng dẫn trực tiếp ở video.
Các bạn chèn tiếp 2 dòng code này vào sau thẻ <head> của theme. Nhớ thay App ID và User ID thành của bạn nhé.
<meta property="fb:app_id" content="App ID" /> <meta property="fb:admins" content="User ID"/>
Khi mình chèn xong nó sẽ có dạng như này :
Bước cuối cùng là bạn chèn đoạn dưới đây vào file single.php hoặc comments.php (nếu có thì thay toàn bộ nội dung trong comments.php thành code phía dưới) trong theme của bạn. (hoặc có thể chèn vào nơi bạn muốn hiển thị trong trang.
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="10" data-colorscheme="light"></div>
Như thế các bạn đã làm xong và ra ngoài xem thành quả của mình thôi á. Chúc các bạn thành công
