Bài Viết, Thủ thuật wordpress
Hướng dẫn chi tiết cách thêm nút Like và Share Facebook cho website WordPress
Việc tạo nút Like và Share Facebook cho WordPress là cách hiệu quả giúp tăng tương tác, cải thiện trải nghiệm người dùng và hỗ trợ SEO. Khi khách truy cập chia sẻ nội dung lên mạng xã hội, website của bạn sẽ tiếp cận được nhiều người hơn, tăng lượng traffic tự nhiên và thúc đẩy doanh số bán hàng.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm nút Like và Share Facebook vào trang sản phẩm WooCommerce hoặc bất kỳ vị trí nào trên website WordPress, đảm bảo tối ưu SEO, tăng tốc độ tải trang và hoạt động ổn định.
Lợi ích của việc thêm nút Like và Share Facebook cho WordPress
Việc tích hợp nút Like và Share Facebook vào website mang lại nhiều lợi ích đáng kể cho cả chủ website và người dùng.
Thứ nhất, nó giúp tăng khả năng lan truyền nội dung. Khi người dùng bấm vào nút chia sẻ, sản phẩm hoặc bài viết của bạn sẽ xuất hiện trên dòng thời gian Facebook của họ, thu hút thêm nhiều lượt truy cập mới từ bạn bè và người thân.
Thứ hai, tính năng này hỗ trợ tối ưu hóa công cụ tìm kiếm (SEO) thông qua các tín hiệu mạng xã hội (Social Signals). Google coi đây là một yếu tố quan trọng để đánh giá mức độ phổ biến của trang web, từ đó giúp cải thiện thứ hạng từ khóa của bạn.
Thứ ba, việc bổ sung nút Like và Share giúp nâng cao trải nghiệm người dùng. Khách truy cập có thể dễ dàng chia sẻ nội dung yêu thích mà không cần phải sao chép và dán liên kết thủ công. Điều này tạo cảm giác tiện lợi và tăng khả năng quay lại trang web trong tương lai.
Cuối cùng, nó có thể tăng tỷ lệ chuyển đổi bán hàng. Khi sản phẩm được chia sẻ rộng rãi, khách hàng tiềm năng có xu hướng tin tưởng hơn và ra quyết định mua sắm nhanh hơn.
Hướng dẫn thêm nút Like và Share Facebook vào website WordPress
Dưới đây là các bước chi tiết giúp bạn tích hợp thành công nút Like và Share vào trang sản phẩm WooCommerce hoặc bất kỳ vị trí nào trên website WordPress.
Bước 1: Thêm nút Like và Share Facebook vào trang sản phẩm WooCommerce
Sao chép và dán đoạn mã sau vào tệp functions.php của theme con (child theme) để tránh mất dữ liệu khi cập nhật theme:
1 2 3 4 5 6 7 8 9 10 | // Thêm nút Like và Share Facebook vào trang sản phẩm WooCommerce add_action('woocommerce_before_add_to_cart_button', 'muathemewpgiare_like_share_facebook'); function muathemewpgiare_like_share_facebook() { if (is_product()) { echo '<div class="muathemewpgiare-fb-like-share">'; echo '<div class="fb-like" data-href="' . esc_url(get_permalink()) . '" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="true"></div>'; echo '</div>'; } } |
Bước 2: Tạo shortcode để hiển thị nút Like và Share ở mọi nơi
Nếu muốn hiển thị nút Like và Share ở các vị trí khác như bài viết, trang chủ, sidebar, bạn có thể tạo shortcode bằng cách thêm đoạn mã sau vào functions.php:
1 2 | // Tạo shortcode hiển thị nút Like và Share Facebook add_shortcode('muathemewpgiare_like_share', 'muathemewpgiare_like_share_facebook'); |
Chèn shortcode vào bất kỳ nơi nào bạn muốn hiển thị nút Like và Share:
1 | [muathemewpgiare_like_share] |
Bước 3: Tích hợp mã Facebook SDK vào footer (bắt buộc)
Để Facebook nhận diện nút Like và Share, bạn cần tải thư viện Facebook SDK bằng cách thêm đoạn mã sau vào functions.php:
1 2 3 4 5 6 7 8 9 | // Tải Facebook SDK vào footer add_action('wp_footer', 'muathemewpgiare_fb_sdk_script', 9999); function muathemewpgiare_fb_sdk_script() { if (is_product()) { echo '<div id="fb-root"></div>'; echo '<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v16.0"></script>'; } } |
Bước 4: Tùy chỉnh giao diện nút Like và Share bằng CSS
Bạn có thể điều chỉnh giao diện nút Like và Share theo phong cách riêng bằng cách thêm CSS sau vào style.css:
1 2 3 4 5 6 7 8 9 10 | /* Tùy chỉnh giao diện nút Like và Share Facebook */ .muathemewpgiare-fb-like-share { margin: 20px 0; display: flex; gap: 12px; } .muathemewpgiare-fb-like-share .fb-like { display: inline-block; } |
Bước 5: Tối ưu SEO bằng thẻ meta Open Graph cho Facebook
Thêm thẻ Open Graph giúp Facebook hiển thị nội dung chính xác hơn khi chia sẻ. Dán đoạn mã này vào functions.php:
1 2 3 4 5 6 7 8 9 10 11 | // Thêm thẻ Open Graph để tối ưu SEO khi chia sẻ lên Facebook add_action('wp_head', 'muathemewpgiare_open_graph_tags'); function muathemewpgiare_open_graph_tags() { if (is_product()) { echo '<meta property="og:title" content="' . esc_attr(get_the_title()) . '">'; echo '<meta property="og:url" content="' . esc_url(get_permalink()) . '">'; echo '<meta property="og:image" content="' . esc_url(get_the_post_thumbnail_url()) . '">'; echo '<meta property="og:description" content="' . esc_attr(get_the_excerpt()) . '">'; } } |
Bước 6: Kiểm tra hoạt động của nút Like và Share Facebook
Sau khi hoàn thành các bước trên, hãy kiểm tra tính năng:
- Làm mới trang bằng cách nhấn
Ctrl + F5để xóa cache trình duyệt. - Chuyển đến trang sản phẩm WooCommerce, xác nhận nút Like và Share đã hiển thị đúng.
- Kiểm tra hoạt động bằng cách bấm vào các nút và kiểm tra chia sẻ trên Facebook.
Nếu gặp lỗi không hiển thị, sử dụng Facebook Sharing Debugger để kiểm tra và sửa lỗi.
Kết luận
Việc thêm nút Like và Share Facebook cho theme WordPress muathemewpgiare không chỉ giúp tăng khả năng lan truyền nội dung mà còn cải thiện SEO và tối ưu trải nghiệm người dùng.
Chỉ với vài dòng mã đơn giản, bạn có thể dễ dàng tích hợp tính năng này vào bất kỳ vị trí nào trên website của mình. Điều này giúp website của bạn trở nên chuyên nghiệp hơn và thu hút nhiều khách hàng tiềm năng hơn.
- Hướng dẫn Cách Tối ưu SEO Danh Mục Sản Phẩm Website WordPress
- Top 10 Theme WordPress Bán Hàng Miễn Phí Chuẩn SEO Mới Nhất 2024
- Hướng dẫn chi tiết kết nối Zalo OA với WooCommerce: Tối ưu hóa trải nghiệm khách hàng và tăng cường tương tác
- Cách chèn breadcrumbs của Rank Math SEO vào theme Paradise
- Hướng Dẫn CSS Đánh Giá Bài Viết WordPress Cực Đẹp
Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.
Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!
Bài viết cùng chủ đề:
Hướng dẫn code vòng quay may mắn wordpress cực đẹp
Responsive website là gì? Vì sao nó rất quan trọng trong SEO và chạy quảng cáo?
Hướng Dẫn Một Số Phương Pháp Bảo Mật Website
Hướng dẫn code chức năng di chuột vào ảnh này sẽ ra ảnh khác
Hướng Dẫn Code Chức Năng Điểm Danh Đủ Số Ngày Để Đọc Nội Dung Bài Viết WordPress
Hướng Dẫn Code Tạo Sản Phẩm Thường Mua Cùng Với ACF và WooCommerce
Có Nên Viết Bài Trùng Lặp Nội Dung Hoặc Đã Viết Rồi Ở Web Không?
5 Chiến Lược Độc Đáo Để Không Bao Giờ Bị Trùng Lặp Nội Dung
Nên Đăng Bài Viết Lên Website Như Thế Nào? Bao Nhiêu Bài? Khung Giờ Nào?
Hướng Dẫn Chiến Lược SEO Từ Khóa “Theme Bán Hàng WordPress” Lên Top 1 Google
Lưu Ý Khi Chọn Lọc Từ Khóa SEO Trong Năm 2025
Tại Sao Website Cần Phải Responsive Trong Năm 2025?
Tại Sao Bài Viết Của Bạn Không Được Tạo Backlinks
Hướng Dẫn Tìm Và Sửa Chữa Links Hỏng Trong WordPress Để Cải Thiện SEO
Cách seo lên top 1 google 2025 mà không phải ai cũng biết
Hướng Dẫn Chặn Click Chuột Phải và Sao Chép Nội Dung Trong WordPress
