Bài viết này sẽ hướng dẫn bạn tích hợp comment facebook vào WordPress một cách chi tiết mà không cần phải sử dụng plugin và cùng lúc phân tích tại sao bạn nên và không nên thêm bình luận Facebook vào bài viết trong WordPress.
Tại sao bạn nên (và không nên) thêm bình luận Facebook vào WordPress?
Tại sao bạn nên tích hợp bình luận của Facebook vào WordPress?
- Facebook là mạng xã hội top 1 của Việt Nam, rất khó để kiếm một người hay một doanh nghiệp không có tài khoản Facebook.
- Khách truy cập dễ dàng để lại bình luận vào bài viết mà không cần phải đăng nhập hay đăng ký vào trang WordPress của bạn.
- Bạn muốn biết khách truy cập nói gì về website/bài viết/sản phẩm của bạn ngoài phần bình luận mặc định của WordPress trên trang web.
- Không cần phải lo lắng về việc bị spam bình luận (đúng vậy, WordPress là một ổ spam bình luận). Các bình luận spam có thể gây ảnh hưởng đến tốc độ và hiệu suất của trang WordPress. (bình luận spam trên Facebook chỉ ảnh hưởng đến trải nghiệm người dùng, không gây ảnh hưởng nhiều đến tốc độ và hiệu suất của WordPress)
- Bạn đã thêm nút like và nút chia sẻ của Facebook vào WordPress (không cần plugin) và thêm chat Messenger vào WordPress (cũng không cần plugin) rồi nên giờ bạn muốn thêm luôn phần bình luận của Facebook vào WordPress cho đủ bộ.
- Bạn chỉ đơn giản là muốn thêm bình luận của Facebook vào WordPress để trang web thân thiện hơn với khách truy cập.
Tại sao bạn không nên thêm phần comment của Facebook vào WordPress?
- Bạn không biết gì về code và chỉ muốn tải plugin về làm cho lẹ (nhưng nếu bạn làm theo các bước hướng dẫn của Bác Sĩ SEO bên dưới thì bạn không cần phải có kiến thức về code, bạn chỉ cần biết copy paste là đủ).
- Bạn không muốn code của Facebook ảnh hưởng đến tốc độ của trang web (nhưng bạn có thể thêm code của Facebook vào footer của WordPress để tối ưu tốc độ tải trang).
- Bạn không muốn bị lệ thuộc quá nhiều vào hệ sinh thái (ecosystem) của Facebook hay bất kỳ nền tảng mạng xã hội nào.
- Bạn muốn tạo một audience riêng cho website, tách biệt với followers trên Facebook.
- Bạn muốn nắm quyền kiểm soát phần bình luận (bạn có thể lọc ra các bình luận tiêu cực, chống phá, các bình luận spam trong phần bình luận mặc định của WordPress, với việc sử dụng phần bình luận của Facebook cho website, quyền kiểm soát bình luận của bạn gần như bằng không).
- Bạn muốn thu thập của email của khách truy cập/khách hàng tiềm năng để thực hiện các chiến dịch email marketing sau này (phần bình luận mặc định của WordPress yêu cầu khách truy cập phải đăng ký tài khoản sử dụng tên và email thì mới có thể để lại bình luận).
- Phần bình luận mặc định của theme bạn đang sử dụng đẹp hơn phần bình luận của Facebook.
- Bạn không xài Facebook (?)
Còn rất nhiều lý do để bạn có thể cân nhắc thêm hoặc không thêm phần bình luận của Facebook vào trang WordPress.
Nếu bạn đã quyết định thêm, hãy đọc và làm theo các bước hướng dẫn bên dưới để tích hợp phần comment Facebook vào WordPress mà không cần phải tải plugin.
Thêm bình luận Facebook vào WordPress không cần plugin
Bước 1: Disable và xóa hoàn toàn phần bình luận mặc định của WordPress
Trước khi tích hợp phần bình luận của Facebook vào WordPress, bạn nên xóa phần bình luận mặc định của WordPress để tránh gây hoang mang cho khách truy cập.
Để xóa phần bình luận mặc định của WordPress, bạn copy và paste đoạn code sau vào file functions.php của child theme (đọc hướng dẫn tạo child theme cho WordPress tại đây).
add_action('admin_init', function () {
global $pagenow;
if ($pagenow === 'edit-comments.php') {
wp_redirect(admin_url());
exit;
}
remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');
foreach (get_post_types() as $post_type) {
if (post_type_supports($post_type, 'comments')) {
remove_post_type_support($post_type, 'comments');
remove_post_type_support($post_type, 'trackbacks');
}
}
});
add_filter('comments_open', '__return_false', 20, 2);
add_filter('pings_open', '__return_false', 20, 2);
add_filter('comments_array', '__return_empty_array', 10, 2);
add_action('admin_menu', function () {
remove_menu_page('edit-comments.php');
});
add_action('init', function () {
if (is_admin_bar_showing()) {
remove_action('admin_bar_menu', 'wp_admin_bar_comments_menu', 60);
}
});Bước 2: Tích hợp Facebook Javascript SDK vào WordPress
Để thêm các tính năng của Facebook vào WordPress như thêm bình luận, thêm Messenger, thêm nút like share thì bạn phải tích hợp Facebook Javascript SDK vào WordPress trước thì mới thực hiện được.
Bước 3: Thêm code tích hợp comment Facebook vào WordPress
Trước khi thêm code tạo phần bình luận của Facebook vào WordPress, bạn phải biết hook nào của theme phù hợp để thêm phần bình luận vào (nếu bạn không biết hook là gì thì hãy đọc bài viết này).
Và bạn cũng cần phải biết trang nào (hay thể loại trang nào) mà bạn muốn thêm bình luận của Facebook vào.
Thông thường, bình luận là phần sẽ được thêm vào cuối trang bài viết hoặc cuối trang sản phẩm (WooCommerce).
Sau đây là một số hook (vị trí) thông dụng của các theme thông dụng (bao gồm cả plugin WooCommerce) mà bạn có thể tích hợp phần bình luận của Facebook vào WordPress.
- GeneratePress – generate_after_main_content (visual hooks của GeneratePress)
- Astra Theme – astra_entry_after (visual hooks của Astra Theme)
- OceanWP – ocean_after_content (hooks của OceanWP)
- Genesis – genesis_after_entry (visual hooks của Genesis)
- WooCommerce – woocommerce_after_single_product hoặc woocommerce_after_single_product_summary (visual hooks của single product page WooCommerce)
Sau khi tìm được hook và vị trí phù hợp, bạn thay thế bằng hook đã chọn vào đoạn code dưới đây và copy paste nó vào file functions.php của child theme là xong.
/* Add Facebook comment section in single blog post */
add_action( 'generate_after_main_content', 'bss_facebook_comment_plugin' ); // thay generate_after_main_content bằng hook của theme bạn đang sử dụng
function bss_facebook_comment_plugin() {
if (is_single() && !is_404()) { ?>
<div class="bss-fb-social">
<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-width="100%" data-numposts="10"></div>
</div>
<?php }
}Nếu bạn muốn thêm bình luận của Facebook vào từng trang sản phẩm của WooCommerce thì hãy thay đoạn code trên bằng đoạn code bên dưới.
/* Add Facebook comment section in single product page */
add_action( 'woocommerce_after_single_product_summary', 'bss_facebook_comment_plugin' ); // hoặc woocommerce_after_single_product
function bss_facebook_comment_plugin() {
if (is_single() || is_product() && !is_404()) { ?>
<div class="bss-fb-social">
<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-width="100%" data-numposts="10"></div>
</div>
<?php }
}Sau khi hoàn tất, bạn sẽ thấy phần bình luận của Facebook đã được thêm vào WordPress.
Như vậy là bạn đã thêm phần bình luận của Facebook vào WordPress thành công.
Tiếp theo, bạn có thể: