Tích hợp Comment Facebook vào WordPress

Trong bài trước mình đã hướng dẫn tạo Facebook App và lấy App ID, nay mình sẽ  áp dụng những gì đã tạo để gắn Comment Facebook vào WordPress.

Ưu điểm của việc sử dụng hệ thống Facebook Comment

  • Giúp họ tiện lợi trong việc comment mà không cần nhập thêm thông tin gì, rất có lợi cho người dùng bình dân.
  • Người dùng có thể gián tiếp chia sẻ bài viết của bạn lên tường Facebook của họ.
  • Được tích hợp với hệ thống notification của Facebook nên họ dễ dàng theo dõi cuộc trò chuyện.
  • Không bị tình trạng spam blog WordPress quấy rầy.
  • Có thể kiểm duyệt comment, xóa comment và ban người dùng.
  • Có thể thêm nhiều quản trị để duyệt bình luận.

Nhược điểm của Comment Facebook

Tất nhiên rồi! Không có cái gì là hoàn hảo 100% cả. Bên cạch những ưu điểm thì comment Facebook cũng có một số nhược điểm không mong muốn như:

  • Page quản lý comment có nhiều hạn chế.
  • Tình trạng Facebook chặn commnet người dùng cũng là lý do làm người dùng khó chịu.
  • Một số người không thoải mái lắm khi dùng Facebook cá nhân để comment.
  • Nhược điểm rất lớn là tất cả các comment sẽ không được đồng bộ với WordPress.

Gắn Comment Facebook vào WordPress

https://developers.facebook.com/docs/plugins/comments để lấy mã nhúng comment Facebook nhé!

Sau đó ở phần App ID, bạn chọn cái App mà bạn đã tạo rồi copy đoạn code số 1 bỏ vào file header.php (đặt sau thẻ </head>).

Tích hợp Comment Facebook vào WordPress

Đồng thời chèn code này vào bên trên thẻ <head> và sửa APP ID thành App ID của bạn và USER ID là số ID của bạn trên Facebook

Tích hợp Comment Facebook vào WordPress

Kế tiếp là 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 dưới) trong theme của bạn.

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div>

Đấy! Mình đã tạo tích hợp comment Facebook vào wordpress bằng cách như vậy đó. Các bạn xem hướng dẫn và làm theo mình nhé!
Các bạn có thể tìm hiểu thêm những thứ liên quan đến website tại đây nhé!

Tags: ,