Hướng dẫn chèn Facebook Comments vào website WordPress

Hướng dẫn chèn Facebook Comments vào website WordPress một cách chuyên nghiệp.

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 Facebook Comments vào website WordPress một cách nhanh chóng nhất. Trước khi đi vào nội dung chính, có 2 vấn đề bạn cần phải biết. Thứ nhất, tôi không khuyến khích sử dụng Facebook Comments trên website bởi vì nó rất nặng (ảnh hưởng nhiều tới tốc độ load web) và các công cụ tìm kiếm không thể thu thập được dữ liệu từ nội dung bình luận (không có lợi cho SEO). Thứ hai, tôi không khuyến khích việc chèn Facebook Comments 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 website. Do đó, tôi sẽ lựa chọn phương thức đơn giản và an toàn hơn, đó là sử dụng plugin.

Tham khảo thêm:

Chèn Facebook Comments với Ultimate Facebook Comments

Tại sao lại là “Ultimate Facebook Comments” mà không phải là một plugin nào khác? Plugin này mới chỉ có hơn 800 lượt cài đặt, ít hơn hẳn các plugin giúp tích hợp Facebook Comments phổ biến hiện nay như “WpDevArt Facebook comments” hay “WP Social Comments”. Tuy nhiên, nó hoàn toàn miễn phí và sở hữu những tính năng có một không hai:

  • Có bộ đếm bình luận để hiển thị trên post meta.
  • Có khả năng lazyload bình luận và Facebook script để không gây ảnh hưởng tới tốc độ load của website.
  • Có hệ thống thông báo qua email khi một bình luận mới được đăng tải.
  • Hỗ trợ sửa lỗi mất bình luận khi chuyển từ HTTP sang HTTPS.
  • Tích hợp công cụ quản lý bình luận Facebook.
  • 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 có thể thay thế hoàn toàn hệ thống bình luận mặc định của WordPress trong khi vẫn giữ được các tính năng cần thiết (bộ đếm, hệ thống thông báo…).

Các bước chèn Facebook Comments vào website WordPress

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin Ultimate Facebook Comments (link download).

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

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

create-a-new-app-id

Click xác nhận Google reCAPTCHA => click 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, các bạn click vào Settings => Basic.

settings-basic

4. Tại đây, các bạn 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 website của bạn.
  • Privacy Policy URL: điền trang đến trang chính sách bảo mật của bạn.
  • Category: chọn lĩnh vực cho website của bạn.
  • Business Use: lựa chọn dùng cho bạn hay dùng cho người khác.

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

5. Kéo xuống bên dưới, click vào nút Add Platform => chọn Website.

select-platform

Điền link website của bạn vào khung Site URL rồi click nút Save Changes để lưu lại.

site-url-facebook-app

6. Click 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 vào nút Confirm để xác nhận.

make-app-public

Ứng dụng chuyển sang trạng thái Live nghĩa 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 Ultimate Facebook Comments. Tại tab Main, các bạn điền App ID và App Secret được copy từ bước 4 vào các ô tương ứng.

ultimate-facebook-comments-main

Chuyển công tắc Enable Facebook Comments sang trạng thái bật rồi click nút Save Settings.

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

ultimate-facebook-comments-settings

Trong đó:

  • Number of Comments to Display: số lượng bình luận được hiển thị.
  • Sort Facebook Comments by: cách sắp xếp bình luận (mới nhất, cũ nhất, nổi bật nhất).
  • Facebook Comments Language: ngôn ngữ của khung bình luận.
  • Comments Box Color Scheme: màu sắc của khung bình luận (sáng hoặc tối).
  • Comments Box Width (px): độ rộng của khung bình luận (mặc định là 100%). Các bạn nên để mặc định.
  • Load Facebook Comments for URL: các bạn để mặc định.

9. Tab Display cho phép các bạn tùy biến khả năng hiển thị của khung bình luận.

ultimate-facebook-comments-display

Trong đó:

  • Comments Display Method: 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. Chọn Disable nếu bạn muốn sử dụng shortcode [ufc-fb-comments] để chỉ chèn Facebook Comments vào một số trang nhất định (không phải tất cả trang/ bài viết).
  • Comments Loading Method: lựa chọn cách load bình luận (load ngay từ đầu, chỉ load khi cuộn tới phần bình luận hoặc chỉ load khi click vào nút). Các bạn nên lựa chọn On Scroll hoặc On Click để tránh gây ảnh hưởng tới tốc độ load của website.
  • Enable Facebook Comments for: lựa chọn nơi khung bình luận được hiển thị (bài viết, trang, trang đính kèm…).
  • Comments Background Color: lựa chọn màu nền cho khung bình luận.
  • Show Comment Count in Post Meta: hiển thị bộ đếm bình luận trên post 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à “Leave a Reply”. Tuy nhiên, các bạn hoàn toàn có 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ủ các quy định của liên minh châu Âu (EU) về quyền riêng tư của người dùng.

ultimate-facebook-comments-gdpr

12. Tab Notification cho phép bạn kích hoạt tính năng nhận email thông báo khi có người dùng bình luận trên website, 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 quan tâm.

ultimate-facebook-comments-others

Trong đó:

  • Auto Fix HTTP to HTTPS Migration: sửa lỗi mất bình luận khi chuyển từ HTTP sang HTTTPS.
  • Show Admin Bar Moderation Tool: thêm link truy cập công cụ quản lý bình luận Facebook vào Admin Bar.
  • Disable Native WP Comment: 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 vào nút Save Settings để lưu lại các thiết lập sau khi hoàn tất. 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 không nào? Chúc các bạn thành công!

Bạn đang dùng phương pháp nào để tích hợp Facebook Comments vào website WordPress? Liệu phương pháp của bạn có tối ưu bằng cách mà tôi vừa hướng dẫn ở trên? Đừng quên chia sẻ với chúng tôi quan điểm 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 blog 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 email nhé. Cảm ơn rất nhiều. 🙂

Bài viết liên quan

Phượt blog

About Phượt blog

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :