Hướng dẫn chèn Facebook Comments vào website WordPress một cách chuyên nghiệp.
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 widget Facebook Page vào WordPress một cách đơn giản
- Tích hợp Facebook Chat cho website không cần dùng plugin
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).
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.
Click xác nhận Google reCAPTCHA => click vào nút Submit.
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.
4. Tại đây, các bạn sẽ phải khai báo thêm một số thông tin.
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.
Điền link website của bạn vào khung Site URL rồi click nút Save Changes để lưu lại.
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.
Click vào nút Confirm để xác nhận.
Ứ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.
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.
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.
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ữ…).
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.
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.
13. Others là tab cuối cùng mà bạn cần phải quan tâm.
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:
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. :)
có bị mấy acc ko ad
Ý bạn là mất account ấy hả?
sao mình nạp vào ko được gì thế
Nạp cái gì vậy bạn? Mình chưa hiểu bạn nói cái gì? @@!
không sử dụng được trên điện thoại!!! :(
Cái này là “tính năng”, không phải lỗi, chỉ có cách chờ Facebook xử lý thôi bạn =))
Cám ơn anh Hiếu.
Nhờ bài viết này mà em đã chèn thành công.
Trước đây comments facebook có tác dụng seeding rất tốt nhưng hiện nay thấy cộng đồng không còn quan tâm nhiều đến chức năng này.
Bài hữu ích nhất trong hướng dẫn cài fb comment mình đọc, cảm ơn ad
website bất động sản tích hợp Ultimate Facebook Comments có hiệu quả không anh ?
Cái này tùy từng trường hợp mà bạn. Bạn thử tích hợp vào xem có nhiều người bình luận không? Nếu nhiều người bình luận thì có nghĩa là hiệu quả và ngược lại. Nó miễn phí mà, tội gì không thử? :P
Bài hướng dẫn rất chi tiết nhưng em thắc mắc cài plugin Ultimate Facebook có làm web load chậm không ad?
Chèn Facebook Comments vào web tất nhiên sẽ làm web load chậm hơn rồi bạn. Chỉ là cách mình hướng dẫn trong bài viết sẽ giúp giảm mức ảnh hưởng xuống thấp nhất có thể thôi.
cám ơn anh đã chia sẻ, em đã áp dụng thành công cho site wordpress của em