Tạo nút share bài viết lên Social Media bằng Addthis

Addthis - 1 dịch vụ cho phép chúng ta tạo ra các nút chia sẻ bài viết lên mạng xã hội theo mình là tốt nhất. Nó cho phép share với hơn 270 mạng xã hội khác nhau và đương nhiên sẽ bao gồm những mạng xã hội mà chúng ta quan tâm nhất hiện nay như facebook, google +,...Nếu bạn muốn 1 demo thì hãy kéo xuống cuối bài viết và nhấn thử nhé :).
demo tạo nút share bài viết

Bài viết này sẽ hướng dẫn các bạn cách thức đăng ký cũng như cách thêm nút share vào trong blog/web của bạn.

Cách tạo nút share bài viết trên mạng xã hội với Addthis

Bước 1: Truy cập vào https://www.addthis.com/get/sharing
Bước 2: Để bắt đầu các bạn nhấn vào "Sign up for addthis" để đăng ký và bắt đầu sử dụng các nút chia sẻ mạng xã hội này.
trang chủ addthis

Một trang đăng ký sẽ xuất hiện và công việc của bạn là điền đầy đủ thông tin theo yêu cầu sau đó nhấn vào "register" để hoàn thành. Muốn nhanh các bạn có thể sử dụng tài khoản mạng xã hội của mình để đăng ký.
đăng ký addthis
Bước 3: Sau khi đăng nhập vào addthis, các bạn chọn cho mình 1 gói, ở đây thì chọn miễn phí thôi
chọn gói
Sau đó vào tab tool phía trên cùng bên trái chọn cho mình 1 mẫu thích hợp
Bước 4: Tùy chỉnh mẫu đã chọn, các bạn có thể chọn các mạng xã hội mà bạn muốn, còn muốn thêm 1 số chức năng như đếm số lượt like hay gì đó thì phải nâng cấp tài khoản lên mới được.
tạo nút chia sẻ mạng xã hội cho blogger
Bước 5: Tiến hành lấy code và dán vào blog/website của bạn. Trong ví dụ trên mình thực hiện như sau:
Tìm đến thẻ <body> dán đoạn code sau ngay bên dưới:
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55d17e0f293f07ca" async="async"></script>
Sau đó tìm đến <div class='post-footer'> dán đoạn code sau ngay dưới nếu muốn chúng xuất hiện ở phía dưới bài viết.
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_native_toolbox"></div>
Tìm đến <div class='post-header'> nếu muốn chúng hiển thị ở đầu bài viết
Trong trường hợp bạn chọn mẫu chạy dọc 2 bên trang web thì làm như sau:
Vào "bố cục" chọn thêm tiện ích tìm đến HTML/JavaScript vào thêm đoạn code mà Addthis cung cấp. Lưu lại và "activate" là xong.
Tùy và mẫu mà cách thực hiện có khác nhau. Nếu có vấn đề gì trong quá trình thực hiện các bạn cứ để lại lời nhắn mình sẽ cố gắng giải đáp.
Ngoài những code để tạo nút share mạng xã hội cho blog/website. Addthis còn cho phép tạo trên thiết bị di động. Các bạn có thể sử dụng các mẫu khác đẹp hơn cũng như nhiều chức năng hơn nếu nâng cấp lên tài khoản pro. Theo cá nhân mình nghĩ thì 1 tài khoản miễn phí cũng đã rất tuyệt vời rồi. Và 1 điều cuối cùng, nếu thấy bài viết nào của mình có giúp ích cho bạn thì hãy nhấn vào các nút chia sẻ mạng xã hội của mình nhé. Đừng để nó uổng phí không được hoạt động ^^.
Previous
Next Post »

1 comments:

Write comments
Anonymous
AUTHOR
March 17, 2018 at 12:49 PM delete

Howdy! I could have sworn I've been to this blog before
but after browsing through some of the articles I realized it's new to me.
Regardless, I'm certainly pleased I discovered it and I'll be book-marking it and checking back frequently!

Reply
avatar