Hướng dẫn tạo nút chia sẻ zalo cho blogspot website

Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Nếu như những nút chia sẻ của Facebook, Twitter hay G+ đã quá phổ biến đối với blogspot/website thì nút chia sẻ của Zalo hiện tại thấy rất ít blog sử dụng.
Zalo là mạng xã hội của người Việt. Zalo được phát triển bởi VNG. Ngày nay Zalo được sử dụng khá phổ biến cho việc kinh doanh và phát triển thương hiệu.Vậy tại sao chúng ta không tận dụng nó để tăng traffic cho blog/web vì tại phần ứng dụng của nó cũng cung cấp một số tiện ích có thể tích hợp vào blog ví dụ như nút chia sẻ...

Hướng dẫn tạo nút chia sẻ zalo cho blogspot website


Nếu bạn chưa có tài khoản Zalo thì hãy đăng ký cho mình một tài khoản trước khi thực hiện việc cài đặt này

Bước 1: Truy cập http://oa.zalo.me/ và đăng nhập vào tài khoản zalo của mình.
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Bước 2: Hãy tạo cho mình một Official Account nếu bạn đã có thì bỏ qua bước này.
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Chọn loại tài khoản phù hợp với blog của mình.
Sau khi tạo xong bạn sẽ có một giao diện như thế này
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Bước 3: Bạn chọn mục Quản lý -> Thông tin tài khoản để lấy Official Account ID
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Bạn cần ghi nhớ Official Acecount ID trong phần khoanh đỏ để dùng cho code sau này.
Bước 4: Tiếp theo bạn truy cập vào http://developers.zalo.me/docs/social/share
Trong này sẽ cho bạn tạo nút chia sẽ, nút theo dõi và widget cho Official Account của mình.
Ở đây mình sẽ chọn nút chia sẽ. Điền đầy đủ thông tin theo yêu cầu.
Hướng dẫn tạo nút chia sẻ zalo cho blogspot website
Sau khi lấy mã bạn sẽ được file javascript và đoạn mã HTML để cài vào blog.
+ Dán file js vào trước thẻ </body>
<script src="https://sp.zalo.me/plugins/sdk.js"></script>
+ Dán đoạn html sau vào nơi cần hiển thị nút chia sẻ.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="zalo-share-button" expr:data-href="data:post.canonicalUrl" data-oaid="ID của Trang" data-layout="1" data-color="blue" data-customize=false></div>
</b:if>
Thay ID của Trang thành Official Acecount ID ở bước 3.

Lưu ý: Phần data-layout có 4 kiểu nút tương ứng với 1, 2, 3, 4 để bạn lựa chọn do vậy bạn có thể tự thay đổi từ 1-4 theo ý thích.
Thủ thuật blogspot - Tdb Blogspot
Facebook Comments
Blogger Comments