Quay lại Blog với bài viết trước của mình, về hướng dẫn thêm comment Facebook và Google+ vào WordPress không cần Plugin dường như tương đối khó với người mới, bổ sung thêm bài viết trước mình viết tiếp một bài về thêm bình luận của Facebook vào WordPress tương đối đơn giản.

Vì sao cần thêm comment Facebook và Google+ vào website? (nhắc lại)

• Thêm comment Facebook giúp bạn tránh tình trạng giả danh đi bình luận gây hiểu nhầm.
• Giúp độc giả không cần gõ tên, mail hay website mà họ sẽ bình luận luôn khi họ đã đăng nhập Facebook và Google.
• Sử dụng hệ thống comment facebook và google+ rất phù hợp và có nhiều lợi ích đối với những blog cá nhân, trang tin tức….
• Giao diện đơn giản, đẹp mắt, hiển thị avatar của người bình luận.
• Người bình luận dễ dàng nhận được thông báo khi có người trả lời comment của mình.
• Không còn lo gánh nặng về spam, tuyệt đối không có spam.
• Tiết kiệm được tài nguyên, băng thông. Giảm được các request tới database để lấy nội dung comment.
• Giảm được các nguy cơ bị hack qua lỗ hổng comment.
• Là một phương pháp quảng bá website hiệu quả, mỗi khi comment thì bài viết của bạn sẽ xuất hiện lên tường người đó, mức độ lan truyền tăng theo cấp số nhân, quá hiệu quả phải không nào.
• Số lượng người dùng và hoạt động trên Facebook cực lớn, tại Việt Nam lượng người dùng đang tăng mạnh.
• Rất tốt cho blog của bạn vì chắc không ai phủ nhận sức ảnh hưởng của 2 ông lớn của cộng đồng Social.

Bài Nên đọc: Hướng dẫn thêm comment Facebook và Google+ vào WordPress không cần Plugin

Bước 1: Truy cập hệ thống Facebook Comment

• Đầu tiên bạn truy cập vào link này: https://developers.facebook.com/docs/plugins/comments
• Ở phần URL to comment on bạn điền url trang chủ website của bạn vào.
• Với Width là chiều dài khung comment, tính bằng px.
• Number of posts: số comment/trang.
• Color Scheme: màu nền khung comment.

Sau khi đã tùy chỉnh giao diện cho phù hợp với site của mình, bạn click vào Get Code.

 

Tích hợp bình luận Facebook vào WordPress

Bước 2: Thêm Code vào website

Như hình ở dưới, đoạn code phía trên bạn có thể dán vào bất kỳ chỗ nào trước thẻ , cụ thể các file có thể đặt code là footer.php
Đoạn code phía dưới cần phải thay đổi lại để có thể áp dụng vào wordpress, nếu để nguyên đoạn code như trên thì bạn nhìn thấy chỉ có 1 link duy nhất là http://thichblogger.com/ và như vậy mọi comment chỉ hiển thị cho link http://thichblogger.com/ chứ không phải là cho link mỗi post, bạn vào post nào cũng sẽ thấy comment y hệt nhau, cũng giống như trường hợp thêm Facebook Like Button. Rất đơn giản bạn chỉ cần đổi data-href như code như dưới đây.

<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-width="580" data-num-posts="10"></div>

1	<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-width="580" data-num-posts="10"></div>

Tiếp theo bạn mở file Single Post (single.php) tìm đến đoạn code dưới

<?php comments_template(); ?>

1	<?php comments_template(); ?>

Ở bước này có 2 lựa chọn:

1. Thay thế hệ thống comment của WordPress.
2. Thêm bên dưới comment của WordPress.

Lời kết:

Bổ sung với bài viết trước của mình cách này tương đối dễ dàng và hiệu quả. Mọi vấn đề cần bàn luận hoặc đặt câu hỏi các bạn comment ở dưới, mình sẽ nhiệt tình cùng trao đổi. Chúc các bạn thành công!