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

Online:
Visits:
Stories:

Wednesday, July 31, 2013 13:26

% of readers think this story is Fact. Add your two cents.

Trào lưu dùng Facebook hiện nay ở Việt Nam có thể nói là phổ biến đến nỗi hầu như khái niệm Facebook đang dần đuổi kịp thương hiệu Google với những người dùng internet từ bình dân đến cao cấp. Vậy thì lợi ích từ Facebook đã quá rõ ràng, nếu chúng ta tận dụng được nó để cho những người dùng khác có thêm cơ hội quảng bá website của bạn trên đó thì quả là rất tuyệt vời vì hầu như mọi hoạt động của người dùng liên quan đến Facebook đều được lưu lại đầy đủ ở Activity Log.

Ngoài cách chèn các nút like Facebook vào website để tăng tính tương tác với những người dùng trên mạng xã hội thì chúng ta còn có một việc nữa để tận dụng sức mạnh của Facebook đó là sử dụng hệ thống comment của Facebook vào website để cho người khác có thể comment bài viết bằng tài khoản Facebook. Vậy ưu điểm của cách này là gì?

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

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ọ.
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.
Tương tác, khích lệ người dùng bằng hành động like.
Đượ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.

Thế nhưng, nó cũng có một chút các nhược điểm sau mà bạn cũng nên lưu ý khi dùng:

Không nên dùng cho các web/blog thiên về các lĩnh vực trong Webmaster vì người comment không thể gián tiếp PR website của họ được, làm “nhụt ý chí” để bình luận.
Quản lý các comment mới khó hơn vì bạn không thể theo dõi được các comment nào là mới, nào là cũ.
Tình trạng Facebook bị chặn đôi khi cũng làm cản trở người comment.
Nếu quản lý không tốt, đó sẽ là cơ hội cho các spammer lộng hành.

Nhưng nếu suy nghĩ khách quan mà nói, thì việc chèn hệ thống Facebook Comment vào website/blog bạn sẽ nhận được nhiều lợi ích hơn là thiệt thòi, vì vậy nếu blog của bạn không thuộc lĩnh vực Webmaster thì có thể áp dụng vào ngay lúc này. Đừng lo lắng vì bạn vẫn muốn dùng hệ thống comment của WordPress vì vẫn có cách để bạn có thể áp dụng cả 2 hệ thống bình luận vào blog.

Lưu ý: Không nên làm trên Localhost vì nó sẽ không hoạt động trên localhost.

Hướng dẫn tạo App để lấy App ID và App Secret

Do 2 plugin mà mình giới thiệu trong đây đều bắt buộc bạn phải có một App ID và App Secret để kích hoạt plugin nên mình xin hướng dẫn sơ cách tạo. Đầu tiên bạn vào https://developers.facebook.com/apps và ấn vào nút Create new App ở bên tay phải. Sau đó nhập một số thông tin cần thiết như tên App, ID của App (viết liền, ko ký tự lạ), chọn category và ấn nút Continue.

Sau khi tạo xong, bạn bổ sung thêm địa chỉ website (không chứa http://) , tuy nhiên ở phần Website with Facebook Login bạn phải nhập URL của website bao gồm http:// và tắt chế độ Sandbox đi rồi ấn Save Change.

Sau khi ấn Save Change xong, bạn đã có một App ID và App Secret rồi, nó như thế này. Bạn cứ để yên đó để tí chúng ta copy vào phần cài đặt plugin nhé.

1. Hướng dẫn cài đặt SEO Facebook Comment

SEO Facebook Comment là một plugin có thể giúp bạn chèn hệ thống bình luận của Facebook vào website mà vẫn có thể hoạt động cùng lúc với hệ thống comment của WordPress được vì nó sẽ tự động chuyển các bình luận từ Facebook thành bình luận cho WordPress và hiển thị lên blog để giúp bạn SEO tốt hơn do nội dung comment được bot tìm kiếm index.

Sau khi cài plugin xong, bạn vào menu SEO Facebook trong WP-Admin và sẽ bắt buộc nhập một số thông tin như sau:

App ID: Đã tạo ở trên
App Secret: Đã tạo ở trên
Admin ID: ID Facebook của thành viên mà bạn muốn có quyền quản trị các comment trên blog, để lấy ID của một người nào đó bạn có thể vào http://findmyfacebookid.com/ để lấy nhé.
Language: Nếu bạn dùng trên website tiếng Việt thì nên sửa thành vi_VN.
Add Open Graph Tags: Đánh dấu vào
Post Number: Để là 15 thì hay hơn.
Comments Width: Chiều rộng của khung comment hiển thị trên website, bạn nên chỉnh giống với kích thước của khung nội dung trên site.
Auto Approve: Nên đánh vào, nó sẽ tự duyệt comment của khách.
Hide Default Comments: Nên đánh vào luôn.

Sau khi điền xong, bạn ấn nút Save Changes và bắt đầu ra ngoài blog kiểm tra. Nó sẽ tự chèn cho bạn một khung Facebook comment nằm bên trên khung comment mặc định của WordPress, nó hoạt động rất tốt với Thesis 2. Vậy trường hợp bạn muốn xóa luôn khung comment của WordPress thì sao? Đơn giản là bạn mở file single.php của theme ra và tìm dòng code đại loại như

hoặc

hoặc có khi là cả 1 đoạn code in cái form ra luôn. Nhưng bạn chỉ cần xóa nó đi là oke. Nhưng nhược điểm của plugin này là không cho phép bạn tự chèn khung comment vào đúng vị trí mà ta muốn. Nếu bạn biết đọc code và thể chỉnh sửa theme thì có thể dùng plugin phía dưới.

2. Hướng dẫn Facebook Comments

Facebook Comments cũng là một plugin chèn khung comment Facebook vào WordPress nhưng nó sẽ không tự chuyển comment về WordPress được mà đơn giản chỉ là nhúng một khung comment vào trong mỗi bài thôi. Nhưng ưu điểm của nó là bạn có thể tùy ý chèn bất cứ ở đâu thông qua hàm tạo sẵn và shortcode (để chèn thẳng trong bài).

Sau khi cài đặt, bạn vào Settings -> Facebook Comments cấu hình với App ID và App Secret như ở trên. Tuy nhiên nó sẽ có thêm một vài tùy chọn thêm mà bạn có thể tùy ý chỉnh sửa sao cũng được. Sau khi cấu hình xong, bạn mở file single.php và thêm đoạn này vào vị trí mà bạn muốn hiển thị comment. Mỗi theme có cấu trúc file single.php khác nhau nên mình chẳng biết phải nên mình chỉ biết là bạn nên chèn bên dưới các thẻ trong đoạn code hiển thị nội dung.

Trường hợp bạn muốn chèn thẳng vào giữa bài viết hay bất kỳ vị trí nào trong bài thì có thể viết đoạn shortcode này vào nội dung bài.


[fbcomments]

Sau khi bạn cài xong 1 trong 2 plugin kia thì bạn sẽ có thêm một khung comment mới bằng Facebook như thế này

Hy vọng với bài hướng dẫn plugin lẻ này có thể giải đáp được các thắc mắc của nhiều bạn liên quan tới việc chèn Facebook comment vào blog WordPress. :hehe: