Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Web Development » Tạo nút chia sẻ bài viết cho website với addthis

Tạo nút chia sẻ bài viết cho website với addthis

Thứ Sáu, 08/08/2014 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Addthis là một công ty chuyên cung cấp dịch vụ chia sẻ nội dung lên mạng xã hội lớn nhất hiện nay. Có rất nhiều dịch vụ chia sẻ nội dung số bạn có thể biết đến như sharethis,..Và trong số đó Addthis được cài đặt nhiều nhất.

Trong bài hôm nay, mình xin hướng dẫn các bạn cài đặt dịch vụ addthis cho website và blog. Đầu tiên bạn đăng ký tài khoản tại addthis. Việc đăng ký rất đơn giản và hoàn toàn miễn phí.

Tạo nút chia sẻ bài viết cho website

Ở bài trước mình đã có bài hướng dẫn cài đặt addthis cho mọi website. Nhưng hôm nay mình sẽ trình bày cụ thể với từng mã nguồn.

Chèn mã addthis vào trong website

Đoạn code này sẽ tạo một nút chia sẻ có dạng menu đổ xuống chứa các dịch vụ chia sẻ phổ biến hiện nay như facebook, google+,twitter,..Bạn có thể bắt đầu với đoạn mã đơn giản này của addthis.

<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">
var addthis_config = {
     pubid: "YOUR-PROFILE-ID"
}
</script>
 
<a href="http://www.addthis.com/bookmark.php?v=250" 
	class="addthis_button"><img 
	src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" 
	width="125" height="16" border="0" alt="Share" /></a>
 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->

Đoạn code trên bao gồm 2 phần mã script và thẻ html định nghĩa nút. Bạn có thể xem thêm các tùy biến nút cho addthis tại đây.

Điền publisher ID của bạn vào pubid. Kết quả sinh ra nút như dưới đây:

tạo nút chia sẻ bài viết cho website với addthis
nút chia sẻ addthis

WordPress

Nếu bạn sử dụng mã nguồn wordpress.org thì việc tích hợp addthis rất đơn giản, bằng cách cài đặt plugin “Addthis”. Làm theo các bước sau:

  • Đăng nhập vào wordpress
  • Nhấn vào Plugins -> Add New
  • Tại search box gõ từ “Addthis”, click Search.

cài đặt addthis cho wordpress

Kết quả được tìm thấy , nhấn vào Install Now như trên hình. Sau đó kích hoạt plugin.
Truy cập vào trang cấu hình plugin: Settings->Addthis. Điền các thông tin:

  • AddThis Profile ID: điền addthis publisher ID của bạn
  • AddThis email / username: điền tên tài khoản username hoặc email
  • AddThis password: mật khẩu addthis.

– Nhấn Save Changes để bắt đầu kiểm tra kết nối và lưu lại cấu hình cho addthis.

Các tính năng của plugin:

  • Chèn hệ thống nút chia sẻ đặt theo chiều ngang ở đầu và cuối mỗi bài viết. Có thể tùy chọn đầu hoặc cuối hoặc cả hai.
  • Hỗ trợ nhiều kiểu dáng nút khác nhau.
  • Cài đặt giới hạn hiển thị cho trang, homepage, categories,..
  • Cho phép quản lý báo cáo trong wordpress admin.
  • Tích hợp báo cáo với Google Analytics
  • Rút ngắn địa chỉ chia sẻ URL với dịch vụ BitLy.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của Hoangweb trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Web Development Tìm kiếm: Social Share

Comments

  1. Minh Minh says

    Thứ Ba, 21/04/2020 at 4:46 chiều

    Mình muốn viết bài có liên quan đến bóng đá, các bạn có biết site nào đăng được và đông người xem không à? bongdalu là site mình lấy dữ liệu

  2. alfatih says

    Thứ Ba, 19/05/2020 at 6:13 chiều

    nice sir…great

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.