fbpx

Thêm comment facebook vào wordpress không cần dùng plugin

5481 lượt xem 15 Likes Comment
F3dc5a7ca9ff4aa113ee
Bài nào chưa có link vip anh em comment bên dưới để mình add thêm link vip nha, nhiều bài quá nên nhiều khi sót ^^

Việc bình luận là cần thiết với hầu hết các website để đảm bảo sự tương tác của người viết và người đọc.

Phần comment của wordpress khá bất tiện vì bắt buộc người phản hồi hoặc bình luận để lại mail, tên trong khi đa số mọi người sử dụng facebook, tại sao ta không thể tích hợp comment facebook vào website, tiện cả người đọc và người viết.

Ưu điểm dùng comment facebook:

  1. Nhanh, gọn, đẹp, mọi người đã đăng nhập bằng facebook có thể để lại bình luận trên website của bạn
  2. Có thể quản lý những bình luận tiêu cực, xóa, sửa, banned user

Nhược điểm

  1. Tốc độ load site tùy thuộc 1 phần vào facebook, có những lúc đứt cáp, cá mập cắn, thì trang web sẽ bị ảnh hưởng
  2. 1 số ít ko dùng facebook không thể bình luận được.

Nếu bạn đã quyết định sử dụng comment facebook như mình bắt đầu thôi.

Bước 1: Tạo app, 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

9ec34f08ba8b59d5009a

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

Bước 2: Truy cập trang https://developers.facebook.com/docs/plugins/comments để lấy mã nhúng website.

75b8b47341f0a2aefbe1 Lưu ý phần URL thì bỏ trống nha, sau đó nhấn nút lấy mã.

F72ea65559d6ba88e3c7

Chọn ID ứng dụng, nhớ chọn ứng dụng vừa tạo.

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

Đoạn code thứ 2 tìm đến file comment.php chèn vào, như hình là ví dụ:

F3dc5a7ca9ff4aa113ee

 

Sắp xong rồi, để có thể reponsive phần khung bình luận này, bạn chèn đoạn code này vào file style.css

/*Facebook comment*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

 

Xong phần thêm comment, bây giờ làm sao để quản lý các comment này như mình đã nói?
Tiếp tục chèn đoạn code này vào header nhé

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

 

YOUR_APP_ID: thay id của app bạn vào đây. Save lại và kiểm tra, nếu hiện như hình là hoàn thành rồi đó.

8c9bf75e0fddec83b5cc

 

Bạn có cách nào hay hơn thì comment cho mình biết nhé, hạn chế dùng plugin, sẽ làm chậm web lắm đó

Nếu bạn không thể tải được tài nguyên VIP vui lòng kiểm tra:
– Bạn đã đăng ký thành viên VIP hay chưa.
– Bạn đã đăng nhập vào tài khoản VIP hay chưa.
– Lượt tải trong tháng của bạn đã hết
Vui lòng nâng cấp tài khoản để tiếp tục sử dụng dịch vụ.
Nhận get link premium từ elements.envato.com, freepik.com, pikbest.com: 5000đ/ 1 item

Bài Viết Liên Quan

Có thể bạn đang tìm kiếm

About the Author: thelanb

5 1 vote
Article Rating
Subscribe
Thông báo về
guest
0 Bình luận
Inline Feedbacks
Xem tất cả bình luận
0
Bạn thấy sao về bài viết này? cho mình biết nhéx
()
x