Blog iTeam OS

Hướng dẫn tích hợp comment Zalo vào Blogspot/Blogger

Bài này mình chia sẻ với các bạn một Widget mới của Zalo, đó là Widget bình luận Zalo để tích hợp vào Blog của mình.

Zalo đang là 1 ứng dụng trò chuyện được nhiều người dùng tại Việt Nam. Zalo có lượt download luôn đứng TOP 1 trên các kho ứng dụng miễn phí, chỉ đứng sau Facebook. Với sự phát triển, Zalo cũng đã ra mắt nhiều ứng cho Website như: Nút chia sẻ, Nút quan tâm, Live chat...

Hướng dẫn tích hợp comment Zalo vào Blogspot/Blogger
Hướng dẫn tích hợp comment Zalo vào Blogspot/Blogger

Bài này mình chia sẻ với các bạn một Widget mới của Zalo, đó là Widget bình luận Zalo để tích hợp vào Blog của mình. Giúp người xem có thêm sự lựa chọn khi muốn tương tác với Blog.

Thêm comment Zalo vào Blogspot

Bước 1: Tạo ứng dụng

Đầu tiên các bạn cần truy cập vào Zalo comment widget đăng nhập bằng tài khoản Zalo của các bạn, chọn Widget bình luận vào tạo ứng dụng mới

.
Thêm comment Zalo vào Blogspot

Điền thông tin tạo ứng dụng mới

Thêm comment Zalo vào Blogspot

Nhập tên miền Blog của các bạn và chọn kích hoạt

Thêm comment Zalo vào Blogspot

Bước 2: Lấy mã và triển khai

Sau khi kích hoạt ứng dụng, các bạn trở lại trang Zalo comment widget nhập số bình luận muốn hiển thị và chọn lấy mã

Thêm comment Zalo vào Blogspot

Hướng dẫn thực hiện chèn bình luận

Thêm LS sau trước thẻ đóng </body>

<script src="https://sp.zalo.me/plugins/sdk.js"></script>

Tìm 1 trong 2 đoạn có mã sau:

<b:include data='post' name='post'/>
<b:includable id='comments' var='post'>

Và để nó chỉ xuất hiện ở trang bài viết không xuất hiện ở trang tĩnh các bạn thêm cho nó cặp thẻ điều kiện b:if, kết quả như sau (các bạn có thể lấy đoạn code của mình và thay trường data-appid của các bạn vào):

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='zalo-comment-plugin' data-appid='975026747660842962' data-href='' data-size='15'/>
</b:if>

Thay Appid:975026747660842962 bằng appid của mình vào

Bước 3: Bật kiểm duyệt bình luận

Cuối cùng, cũng tại trang Zalo comment widget các bạn vào Công cụ -> Quản lý bình luận

Thêm comment Zalo vào Blogspot

Sau đó chọn Cấu hình và tích chọn bật ở phần kiểm duyệt


Truy cập Bypass Google Account APK để tải file APK nhé