4 cách thêm nút chia sẻ mạng xã hội WordPress

Giới thiệu về nút chia sẻ mạng xã hội trên WordPress

Trong thế giới kỹ thuật số ngày nay, việc chia sẻ nội dung trên mạng xã hội đóng vai trò then chốt trong việc tăng lượng truy cập, xây dựng thương hiệu và tương tác với độc giả. WordPress, với tính linh hoạt và khả năng tùy biến cao, cung cấp nhiều cách để thêm các nút chia sẻ mạng xã hội vào trang web của bạn. Bài viết này sẽ hướng dẫn bạn qua bốn phương pháp phổ biến để tích hợp các nút chia sẻ, giúp bạn tiếp cận được lượng khán giả rộng lớn hơn.

1. Sử dụng Plugin Chia Sẻ Mạng Xã Hội WordPress

Đây là phương pháp phổ biến và dễ thực hiện nhất. Có hàng trăm plugin chia sẻ mạng xã hội miễn phí và trả phí có sẵn trên kho plugin WordPress. Các plugin này thường cung cấp giao diện thân thiện, dễ tùy chỉnh và hỗ trợ nhiều mạng xã hội khác nhau.

Ưu điểm của việc sử dụng plugin:

Dễ cài đặt và sử dụng, không yêu cầu kiến thức lập trình.
Nhiều plugin miễn phí với đầy đủ tính năng cơ bản.
Cung cấp nhiều tùy chọn tùy chỉnh về thiết kế, vị trí và mạng xã hội được hỗ trợ.
Thường xuyên được cập nhật để tương thích với các phiên bản WordPress mới nhất và các thay đổi của mạng xã hội.

Một số plugin chia sẻ mạng xã hội WordPress phổ biến:

Social Warfare: Plugin trả phí với nhiều tính năng nâng cao, tập trung vào tốc độ và hiệu suất.
AddToAny Share Buttons: Plugin miễn phí, nhẹ, hỗ trợ nhiều mạng xã hội và có nhiều tùy chọn tùy chỉnh.
Shared Counts: Plugin miễn phí, tập trung vào việc hiển thị số lượng chia sẻ trên các mạng xã hội.
Jetpack: Plugin đa năng của Automattic (công ty đứng sau WordPress), bao gồm module chia sẻ mạng xã hội.

Hướng dẫn cài đặt và cấu hình plugin AddToAny Share Buttons:

Truy cập trang quản trị WordPress của bạn.
Đi đến “Plugins” > “Add New”.
Tìm kiếm “AddToAny Share Buttons”.
Nhấp vào “Install Now” và sau đó “Activate”.
Sau khi kích hoạt, đi đến “AddToAny” trong menu bên trái.
Tại đây, bạn có thể tùy chỉnh các tùy chọn chia sẻ, bao gồm:
- Chọn các mạng xã hội bạn muốn hiển thị.
- Chọn vị trí hiển thị nút chia sẻ (trước nội dung, sau nội dung, trôi nổi, v.v.).
- Thay đổi biểu tượng và màu sắc của nút chia sẻ.
Lưu các thay đổi của bạn.

2. Thêm Nút Chia Sẻ Mạng Xã Hội Bằng Code (Sử Dụng Snippet)

Nếu bạn có kiến thức cơ bản về HTML, CSS và PHP, bạn có thể thêm nút chia sẻ mạng xã hội bằng cách sử dụng các đoạn mã (snippets) vào theme WordPress của mình. Phương pháp này cho phép bạn tùy chỉnh hoàn toàn giao diện và chức năng của nút chia sẻ, nhưng đòi hỏi kỹ năng lập trình nhất định.

Ưu điểm của việc sử dụng code:

Kiểm soát hoàn toàn thiết kế và chức năng.
Không phụ thuộc vào plugin của bên thứ ba.
Có thể tối ưu hóa mã để đảm bảo tốc độ trang web.

Nhược điểm của việc sử dụng code:

Yêu cầu kiến thức lập trình.
Có thể gây ra lỗi nếu mã không được viết đúng cách.
Cần bảo trì và cập nhật thủ công khi có thay đổi của mạng xã hội.

Ví dụ về đoạn mã PHP để thêm nút chia sẻ Facebook:

  
  <?php
  $post_url = urlencode(get_permalink());
  $post_title = urlencode(get_the_title());
  $facebook_url = 'https://www.facebook.com/sharer/sharer.php?u=' . $post_url . '&t=' . $post_title;
  ?>

  <a href="<?php echo $facebook_url; ?>" target="_blank" rel="noopener noreferrer">
    <img src="[ĐƯỜNG DẪN ĐẾN ẢNH BIỂU TƯỢNG FACEBOOK]" alt="Chia sẻ lên Facebook" />
  </a>

Lưu ý: Thay thế “[ĐƯỜNG DẪN ĐẾN ẢNH BIỂU TƯỢNG FACEBOOK]” bằng đường dẫn thực tế đến ảnh biểu tượng Facebook mà bạn muốn sử dụng. Bạn có thể tìm thấy các biểu tượng miễn phí trên các trang web như Flaticon hoặc Font Awesome.

Hướng dẫn thêm đoạn mã vào theme WordPress:

Sử dụng một trình soạn thảo văn bản (ví dụ: Notepad++, Sublime Text) để tạo một tệp PHP mới.
Dán đoạn mã trên vào tệp PHP.
Lưu tệp PHP với một tên có ý nghĩa (ví dụ: “facebook-share.php”).
Tải tệp PHP lên thư mục theme con (child theme) của bạn. Nếu bạn chưa có theme con, hãy tạo một theme con để tránh mất các thay đổi khi theme chính được cập nhật.

Chỉnh sửa tệp `functions.php` của theme con và thêm đoạn mã sau để nhúng tệp PHP vào trang web của bạn:

      
      <?php
      function my_custom_share_buttons() {
        include( get_stylesheet_directory() . '/facebook-share.php' );
      }
      add_action( 'the_content', 'my_custom_share_buttons' );
      ?>

Điều chỉnh vị trí và thiết kế của nút chia sẻ bằng CSS.

3. Sử Dụng Dịch Vụ Cung Cấp Nút Chia Sẻ Mạng Xã Hội Của Bên Thứ Ba

Một số dịch vụ của bên thứ ba cung cấp các nút chia sẻ mạng xã hội dễ dàng tích hợp vào trang web của bạn thông qua mã JavaScript hoặc các phương tiện khác. Các dịch vụ này thường cung cấp các tính năng nâng cao như phân tích thống kê, tùy chỉnh giao diện và hỗ trợ nhiều mạng xã hội.

Ưu điểm của việc sử dụng dịch vụ của bên thứ ba:

Dễ dàng tích hợp và sử dụng.
Cung cấp các tính năng nâng cao như phân tích thống kê.
Hỗ trợ nhiều mạng xã hội khác nhau.

Một số dịch vụ cung cấp nút chia sẻ mạng xã hội của bên thứ ba phổ biến:

ShareThis: Cung cấp các nút chia sẻ tùy chỉnh và các công cụ phân tích.
AddThis: Tương tự như ShareThis, cung cấp các nút chia sẻ và các công cụ phân tích.
Sumo: Cung cấp một loạt các công cụ tăng trưởng, bao gồm cả nút chia sẻ mạng xã hội.

Hướng dẫn tích hợp ShareThis:

Truy cập trang web ShareThis và tạo một tài khoản miễn phí.
Sau khi đăng ký, bạn sẽ nhận được một đoạn mã JavaScript.
Copy đoạn mã JavaScript này.
Đăng nhập vào trang quản trị WordPress của bạn.
Đi đến “Appearance” > “Customize”.
Chọn “Additional CSS/JS” (hoặc một tùy chọn tương tự tùy thuộc vào theme của bạn).
Dán đoạn mã JavaScript vào trường này.
Lưu các thay đổi của bạn.
ShareThis sẽ tự động thêm các nút chia sẻ vào trang web của bạn. Bạn có thể tùy chỉnh giao diện và vị trí của các nút này trên trang web ShareThis.

4. Sử Dụng Các Nền Tảng Xây Dựng Trang Web Kéo Thả (Page Builders)

Nhiều nền tảng xây dựng trang web kéo thả như Elementor, Beaver Builder hoặc Divi Builder cung cấp các module hoặc widget chia sẻ mạng xã hội tích hợp sẵn. Việc sử dụng các module này giúp bạn dễ dàng thêm và tùy chỉnh nút chia sẻ mà không cần phải viết code.

Ưu điểm của việc sử dụng page builders:

Giao diện kéo thả trực quan, dễ sử dụng.
Tích hợp sẵn các module chia sẻ mạng xã hội.
Nhiều tùy chọn tùy chỉnh về thiết kế và vị trí.

Ví dụ về cách thêm nút chia sẻ bằng Elementor:

Mở trang hoặc bài viết bạn muốn thêm nút chia sẻ bằng Elementor.
Trong bảng điều khiển Elementor, tìm kiếm “Share Buttons” (hoặc một tên tương tự).
Kéo module “Share Buttons” vào vị trí bạn muốn hiển thị nút chia sẻ.
Trong phần cài đặt của module, bạn có thể:
- Chọn các mạng xã hội bạn muốn hiển thị.
- Thay đổi biểu tượng và màu sắc của nút chia sẻ.
- Điều chỉnh kích thước và căn chỉnh của nút chia sẻ.
Cập nhật trang hoặc bài viết của bạn.

Kết luận

Việc thêm nút chia sẻ mạng xã hội vào trang web WordPress của bạn là một cách hiệu quả để tăng lượng truy cập và tương tác với độc giả. Bạn có thể lựa chọn phương pháp phù hợp nhất với kỹ năng và nhu cầu của mình, từ việc sử dụng plugin đơn giản đến việc viết code tùy chỉnh. Dù bạn chọn phương pháp nào, hãy đảm bảo rằng nút chia sẻ của bạn được thiết kế đẹp mắt, dễ sử dụng và hiển thị ở vị trí thuận tiện để khuyến khích độc giả chia sẻ nội dung của bạn lên mạng xã hội.

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa