Nhúng comment Facebook vào Website WordPress không dùng Plugin

Trong bài viết này tôi sẽ hướng dẫn các bạn cách nhúng comment Facebook vào Website WordPress, để tăng tính tương tác với khách hàng hơn. Nhưng trước khi đi vào thực hành tôi sẽ giới thiệu về ưu điểm

Ưu điểm:

  • Giúp tương tác tốt hơn với người dùng
  • Giúp người dùng tiện lợi trong việc comment mà không cần nhập thêm thông tin gì
  • Người dùng có thể chia sẻ bài viết của bạn lên tường Facebook của họ.
  • Quản lý những bình luận tiêu cực, xóa, sửa, banned user

Nhược điểm:

  • Tốc độ load site tùy thuộc 1 phần vào facebook
  • Tình trạng Facebook bị chặn đôi khi cũng làm cản trở người dùng comment
  • Nếu quản lý không tốt sẽ bị spam lậu hành.

Còn bây giờ chúng ta sẽ đi vào thực hành nhúng comment Facebook vào Website WordPress.

Bước 1: Tạo app

Đầu tiên bạn cần truy cập trang https://developers.facebook.com/apps/ tạo 1 app với tên miền là website của bạn.

– Tiếp theo bạn điền tên hiển thịđịa chỉ Email liên lạc

Bước 2: Cấu hình App – Setting

Tiếp theo chọn Setting (cột trái) rồi thiết lập các thông số sau

  • Contact Email : Email liên hệ tốt nhất là trùng với email facebook của bạn
  • App Domains : Nhập tên miền không có http:// như hình trên
  • Category : Danh mục phù hợp

Tạo app xong thì bật lên nhé, không bật thì không được đâu.

 

Bước 3: Lấy mã nhúng

Tiếp theo bạn vào trang https://developers.facebook.com/docs/plugins/comments để lấy mã nhúng website.

  • Url bạn để tên miền website của bạn vào rồi Get Code

  • Chọn đúng ID ứng dụng bạn vừa tạo, Còn Id ứng dụng của mình là lương hà phong

Bước 4: Nhúng mã vào website

Bây giờ bạn chỉ cần copy 2 đoạn code trên vào website là được. Vào Giao Diện – > Sửa Giao Diện

  • Chép đoạn code đầu tiên chèn vào header của website.

  • Sao chép đoạn code thứ 2 vào file Comment.php rồi cập nhật

Thông số trong đoạn code này bạn cần biết và có thể điều chỉnh được

  • data-numposts: Tổng số bài hiển thị ra website
  • data-width: Chiều rộng khung chat

Bây giờ các bạn ra website để xem khung Comment facebook đã được hiển thị ra chưa nhé.

Cài Đặt Nâng Cao Nhúng Comment Vào Website

1: Tách mỗi post 1 khung Comment riêng biệt

Tùy thuộc vào giao diện website của các bạn mà đoạn code này sẽ hiệu quả, . Bạn cần chèn đoạn code này vào File Comments.php

<script> document.getElementsByClassName("fb-comments")[0].setAttribute("data-href", window.location.href); </script>

2: Thay khung Comment mặc định của website WordPress

Nhiều bạn muốn thay đổi khung Comment mặc định của website WordPress đổi thành khung Comment Facebook, các bạn chỉ cần vào File Comments.php xóa hết đoạn code mặc định đi và thay thế thành đoạn code này.

<?php if( comments_open() ): ?>
<div id="facebook-comments">
<h3 id="reply-title">Bình luận</h3>
<fb:comments href="<?php the_permalink(); ?>" num_posts="5" width="100%"></fb:comments>
</div>
<?php endif; // end comments_open() ?>

3: Quản lý comment Facebook hiệu quả

Để quản lý Comment Facebook hiệu quả, bạn cần vào trang quản lý Comment https://developers.facebook.com/tools/comments. Thực hiện cấu hình như sau: Setting -> Tag thêm người kiểm duyệt. Và cấm những từ tục tịu.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *