Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Tăng tốc độ WordPress
    • Tối ưu website WordPress
    • Thiết kế website WordPress
    • Viết plugin WordPress
    • Sửa lỗi nâng cấp website
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Web Development » Tự động lấy nút chia sẻ bài viết lên mạng xã hội với addthis

Tự động lấy nút chia sẻ bài viết lên mạng xã hội với addthis

Thứ Tư, 23/07/2014 by Hoàng Quách

Nội dung

  • 1 Lấy nút addthis tự động – Thêm vào addthis Toolbox
    • 1.1 Tính năng Recommended For You
    • 1.2 Quản lý hoạt động chia sẻ
  • 2 Chèn addthis vào website
    • 2.1 Lời kết
  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Thêm một công cụ giúp người dùng chia sẻ nội dung website giúp bạn lên mạng xã hội với bạn bè người thân của họ, không những vậy còn cải thiện traffix của website. Bài hôm này mình giới thiệu với các bạn công cụ chia sẻ bài viết lên mạng xã hội Addthis.

Mình cũng đã có 2 bài giới thiệu, nếu bạn đang sử dụng wordpress cho website của mình thì lựa chọn cho mình một trong số plugin tốt nhất về wordpress social share plugin ở đây.
Một dịch vụ chia sẻ nội dung số tương tự như addthis đó là sharethis.

Đầu tiên, bạn truy cập vào: http://addthis.com, đăng ký lấy một tài khoản. Việc đăng ký khá đơn giản và miễn phí.

Lấy nút addthis tự động – Thêm vào addthis Toolbox

Để thiết lập nút chia sẻ bạn truy cập vào địa chỉ http://www.addthis.com/web-button-select.

Tại đây có showcase nhiều tính năng addthis gallery miễn phí lẫn trả phí, với đa dạng cách thức trình bầy hiển thị các nút chia sẻ bài viết như xuất hiện ở sidebar, ở đầu và cuối mỗi bài viết.. Tuy nhiên một số template bạn muốn sử dụng phải bạn nâng cấp lên pro.

công cụ chia sẻ bài viết social share

Chọn vào template bạn muốn kích hoạt social share trên web, nhấn Setup/Get Code. Mình ví dụ , chọn hiển thị dạng float bên sườn website.
social-share-float-addthis

Một hộp thoại được mở ra , để cài đặt tùy chọn cho social share như vị trí hiển thị nằm bên phải hay bên trái, chọn giao diện ,mầu nền ,tiêu đề hiển thị cho widget.

Kéo xuống phía dưới nhấn vào show more options, cho phép tùy chỉnh nâng cao.

  • Hide on Homepage: ẩn thanh chia sẻ ở trang chủ.
  • Responsive Width: kích thước chiều rộng
  • Vertical Offset: fixed vị trí top
  • Show Thank You: hiển thị lời cảm ơn sau khi người dùng đã chia sẻ nội dung trên website.
  • Thank You Title: Nội dung lời cảm ơn.
  • Follow Message: nhãn hiển thị follow
  • Recommended Content Message: tiêu đề Recommended for you widget.

Bạn nhìn thấy phần Get The Code phía dưới, copy đoạn code này vào trong phần thẻ head. Sau đó nhấn active để kích hoạt tính năng chia sẻ trên website của bạn.

Những widget nào được kích hoạt thì được đánh dấu mầu xanh, đó là những gallery đã sẵn sàng hoạt động trên website. Các Addthis gallery có thể thay đổi cài đặt bất cứ lúc nào, chỉ cần một mã nhúng chung này cho tất cả các widget được kích hoạt, do đó bạn đừng lo lắng cho những cấu hình lại về sau này.

cài đặt social share addthis

Để loại bỏ gallery không sử dụng, nhấn vào Disable.

Addthis hội tụ đầy đủ các tính năng chia sẻ của mạng xã hội như nút fllow, nút share, Recommended Content ,Conversion Tools. Vì tính năng tất cả trong một rất tiện lợi, mà addthis ngày càng được nhiều người sử dụng.

Tính năng Recommended For You

Chọn một template trong phần “Recommended Content” và cài đặt như ở trên. Mình chọn free gallery “Automatically recommends content as users scroll down.” hiển thị popup Recommend for you trên máy tính. Hiển thị trên thiết bị mobile, thì bạn nâng cấp lên pro dành cho mobile, sử dụng tính năng “Automatically recommends content as users scroll down on their mobile device.” bạn phải trả phí.
tính năng recommended for you popup addthis

Quản lý hoạt động chia sẻ

Bạn có thể xem toàn bộ các website được được chia sẻ lên các mạng xã hội, bằng cách chọn vào menu Share.
Thống kê nội dung chia sẻ  lên mạng xã hội

Các hoạt động Follow tham gia bởi người dùng, bạn nhấn vào menu Follow để quản lý.

Chèn addthis vào website

Sau khi đã cấu hình nút chia sẻ trên tài khoản addthis, bây giờ chúng ta sẽ chèn mã addthis vào website. Chèn các dòng sau vào trong thẻ head.

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<script type="text/javascript">
var addthis_config = {
     pubid: "YOUR-PROFILE-ID"
}
</script>

Trong đó, thông số pubid là mã publisher ID của bạn trên addthis. Thông số này bạn có thể tìm ở đây https://www.addthis.com/settings/publisher. Thông số này là bắt buộc phải có để xác định tài khoản addthis của bạn. Ngoài ra, có các tham số khác với các tính năng khác nhau mà mình sẽ trình bầy trong bài sau.

lấy publisher ID của addthis

Ok, website của bạn có thể hoạt động rồi đấy. Refresh lại trình duyệt bạn sẽ thấy kết quả, trong ví dụ này mình chọn các nút chia sẻ nằm bên sườn trái của web:
tích hợp addthis cho website

Xem thêm hướng dẫn cài đặt addthis trên một số blogs

Lời kết

Mình vừa hướng dẫn các bạn cách chèn nút chia sẻ vào website sử dụng addthis. Addthis cung cấp rất nhiều api tha hồ bạn thỏa sức khám phá. Tích hợp trên nhiều nền tảng như web, ứng dụng mobile.. Công việc chia sẻ nội dung bài viết lên mạng xã hội giúp làm tăng thứ hạng cho website được rất nhiều webmaster chú trọng. Những tính năng này hoàn toàn free, tuy nhiên nếu bạn muốn sử dung những tính năng cao cấp hơn hay tùy chỉnh nhiều hơn thế bạn phải trả phí cho addthis. Chúc bạn thành công.

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

Bài viết liên quan:

  1. Fix vị trí nút mạng xã hội bằng CSS hiển thị đẹp trên website
  2. [Phần 2] Cấu hình cài đặt nâng cao nút chia sẻ addthis
  3. Thống kê chia sẻ addthis với Google Analytics
  4. Cấu hình cài đặt nâng cao nút chia sẻ addthis
  5. Tự động gửi email thông báo khi người dùng chia sẻ nội dung trên website
  6. URL tạo chia sẻ bài viết lên mạng xã hội – Addthis share endpoint
  7. Tạo nút chia sẻ bài viết cho website với addthis
  8. Tùy biến nút addthis chia sẻ bài viết cho website
  9. Tạo nút chia sẻ bài viết lên mạng xã hội từ a-z [Sharethis]
  10. Chèn google search vào website – Google custom search api search query

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

Đăng ký nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Bạn đã đăng ký thành công!

Lỗi! hãy làm lại.

thông tin của bạn được 100% bảo mật...

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

Nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Cám ơn bạn đã đăng ký.

Lỗi, hãy làm lại

thông tin của bạn được 100% bảo mật...

HOÀNG WEB

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

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

Email: [email protected]

Website: www.hoangweb.com

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

  • Facebook
  • Snapchat

SẢN PHẨM

  • Plugin Auto-Sync Google Shopping cho WooCommerce
  • Phần mềm chặn click ảo
  • WP2Speed.com – Tăng tốc WordPress

LIÊN KẾT

  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2021 | 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.