Chèn Facebook Comments vào website WordPress – WP Căn bản

Hướng dẫn chèn Fb Feedback vào web site WordPress một cách nhiều năm kinh nghiệm.

huong-dan-chen-facebook-comments-vao-website-wordpress

Thể theo nguyện vọng của nhiều bạn, hôm nay tôi sẽ hướng dẫn cách để chèn Fb Feedback vào web site WordPress một cách nhanh chóng nhất. Trước lúc đi vào nội dung chính, sở hữu 2 vấn đề bạn cần phải biết. Thứ nhất, tôi ko khuyến khích sử dụng Fb Feedback trên web site bởi vì nó rất nặng (tác động nhiều tới tốc độ load internet) và những dụng cụ tìm kiếm ko thể thu thập được dữ liệu từ nội dung bình luận (ko sở hữu lợi cho website positioning). Thứ hai, tôi ko khuyến khích việc chèn Fb Feedback theo phương pháp thủ công bởi vì nó khá phức tạp, đòi hỏi bạn phải can thiệp trực tiếp vào file theme, dễ gây ra lỗi web site. Do đó, tôi sẽ lựa tìm phương thức đơn thuần và an toàn hơn, đó là sử dụng plugin.

Tham khảo thêm:

  • Chèn widget Fb Web page vào WordPress một cách đơn thuần
  • Tích hợp Fb Chat cho web site ko cần tiêu dùng plugin

Chèn Fb Feedback với Final Fb Feedback

Vì sao lại là “Final Fb Feedback” mà ko phải là một plugin nào khác? Plugin này mới chỉ sở hữu hơn 800 lượt cài đặt, ít hơn hẳn những plugin giúp tích hợp Fb Feedback phổ quát hiện nay như “WpDevArt Fb feedback” hay “WP Social Feedback”. Tuy nhiên, nó hoàn toàn miễn phí và sở hữu những tính năng vô tiền khoáng hậu:

  • Với bộ đếm bình luận để hiển thị trên put up meta.
  • Với khả năng lazyload bình luận và Fb script để ko gây tác động tới tốc độ load của web site.
  • Với hệ thống thông tin qua e-mail lúc một bình luận mới được đăng tải.
  • Tương trợ sửa lỗi mất bình luận lúc chuyển từ HTTP sang HTTPS.
  • Tích hợp dụng cụ quản lý bình luận Fb.
  • Cho phép vô hiệu hóa hoàn toàn hệ thống bình luận mặc định của WordPress.

Nói tóm lại, với plugin này, bạn sở hữu thể thay thế hoàn toàn hệ thống bình luận mặc định của WordPress trong lúc vẫn giữ được những tính năng cấp thiết (bộ đếm, hệ thống thông tin…).

Những bước chèn Fb Feedback vào web site WordPress

1. Trước hết, người mua cần phải cài đặt và kích hoạt plugin Final Fb Feedback (hyperlink obtain).

cai-dat-va-kich-hoat-plugin-ultimate-facebook-comments

2. Tiếp theo, truy cập vào hyperlink này => click on nút Add a New App => điền tên ứng dụng và e-mail của bạn rồi click on nút Create App ID.

create-a-new-app-id

Click on xác nhận Google reCAPTCHA => click on vào nút Submit.

security-check

3. Một app mới sẽ được tạo ra. Trên sidebar bên trái, người mua click on vào Settings => Primary.

settings-basic

4. Tại đây, người mua sẽ phải khai báo thêm một số thông tin.

facebook-app-settings-basic

Trong đó:

  • App Domains: điền tên miền web site của bạn.
  • Privateness Coverage URL: trang viên tới trang chính sách bảo mật của bạn.
  • Class: tìm lĩnh vực cho web site của bạn.
  • Enterprise Use: lựa tìm tiêu dùng cho bạn hay tiêu dùng cho người khác.

Click on vào nút Save Modifications để lưu lại.

5. Kéo xuống bên dưới, click on vào nút Add Platform => tìm Web site.

select-platform

Điền hyperlink web site của bạn vào khung Web site URL rồi click on nút Save Modifications để lưu lại.

site-url-facebook-app

6. Click on vào biểu tượng công tắc gạt (góc trên bên phải giao diện) để kích hoạt ứng dụng.

public-facebook-app

Click on vào nút Verify để xác nhận.

make-app-public

Ứng dụng chuyển sang trạng thái Stay tức là bạn đã kích hoạt thành công.

7. Quay trở lại giao diện quản trị của plugin Final Fb Feedback. Tại tab Most important, người mua điền App ID và App Secret được copy từ bước 4 vào những ô tương ứng.

ultimate-facebook-comments-main

Chuyển công tắc Allow Fb Feedback sang trạng thái bật rồi click on nút Save Settings.

8. Tab Settings bao gồm những thiết lập như hình bên dưới.

ultimate-facebook-comments-settings

Trong đó:

  • Variety of Feedback to Show: số lượng bình luận được hiển thị.
  • Kind Fb Feedback by: cách sắp xếp bình luận (mới nhất, cũ nhất, vượt trội nhất).
  • Fb Feedback Language: tiếng nói của khung bình luận.
  • Feedback Field Shade Scheme: màu sắc của khung bình luận (sáng hoặc tối).
  • Feedback Field Width (px): độ rộng của khung bình luận (mặc định là 100%). Khách hàng nên để mặc định.
  • Load Fb Feedback for URL: người mua để mặc định.

9. Tab Show cho phép người mua tùy biến khả năng hiển thị của khung bình luận.

ultimate-facebook-comments-display

Trong đó:

  • Feedback Show Methodology: cho phép thay thế hoàn toàn hệ thống bình luận mặc định của WordPress hoặc hiển thị ngay bên dưới phần nội dung của bài viết/ trang (vẫn duy trì hệ thống bình luận mặc định của WordPress. Mua Disable nếu bạn muốn sử dụng shortcode [ufc-fb-comments] để chỉ chèn Fb Feedback vào một số trang nhất định (ko phải tất cả trang/ bài viết).
  • Feedback Loading Methodology: lựa tìm cách load bình luận (load ngay từ đầu, chỉ load lúc cuộn tới phần bình luận hoặc chỉ load lúc click on vào nút). Khách hàng nên lựa tìm On Scroll hoặc On Click on để tránh gây tác động tới tốc độ load của web site.
  • Allow Fb Feedback for: lựa tìm nơi khung bình luận được hiển thị (bài viết, trang, trang đính kèm…).
  • Feedback Background Shade: lựa tìm màu nền cho khung bình luận.
  • Present Remark Rely in Put up Meta: hiển thị bộ đếm bình luận trên put up meta.

10. Tab Title cho phép bạn tùy biến tiêu đề của khung bình luận. Mặc định là “Depart a Reply”. Tuy nhiên, người mua hoàn toàn sở hữu thể tùy biến dòng chữ này theo ý muốn (nội dung, căn chỉnh vị trí, gắn thẻ HTML, màu sắc, kích cỡ, font chữ…).

ultimate-facebook-comments-title

11. Tab GDPR giúp bạn tuân thủ những quy định của liên minh châu Âu (EU) về quyền riêng tư của người tiêu dùng.

ultimate-facebook-comments-gdpr

12. Tab Notification cho phép bạn kích hoạt tính năng nhận e-mail thông tin lúc sở hữu người tiêu dùng bình luận trên web site, y hệt như hệ thống bình luận mặc định của WordPress.

ultimate-facebook-comments-notification

13. Others là tab cuối cùng mà bạn cần phải sử dụng rộng rãi.

ultimate-facebook-comments-others

Trong đó:

  • Auto Repair HTTP to HTTPS Migration: sửa lỗi mất bình luận lúc chuyển từ HTTP sang HTTTPS.
  • Present Admin Bar Moderation Device: thêm hyperlink truy cập dụng cụ quản lý bình luận Fb vào Admin Bar.
  • Disable Native WP Remark: vô hiệu hóa hệ thống bình luận mặc định của WordPress ở cả front-end và back-end.

Click on vào nút Save Settings để lưu lại những thiết lập sau lúc hoàn thành. Và đây là một ví dụ về kết quả mà bạn sẽ nhận được:

demo-facebook-comments-cho-wordpress

Thật tuyệt vời phải ko nào? Chúc người mua thành công!

Bạn đang tiêu dùng phương pháp nào để tích hợp Fb Feedback vào web site WordPress? Liệu phương pháp của bạn sở hữu tối ưu bằng cách mà tôi vừa hướng dẫn ở trên? Đừng quên san sẻ với chúng tôi ý kiến và ý kiến của bạn thông qua khung bình luận ở bên dưới.

Nếu bạn thích bài viết này, hãy subscribe weblog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua e-mail nhé. Cảm ơn rất nhiều. 🙂