Thêm comment Zalo vào Blogspot - NTLRUBY -->
Thêm comment Zalo vào Blogspot Thêm comment Zalo vào Blogspot
  • Thêm comment Zalo vào Blogspot

       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...
    Bình luận zalo
       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. Và bài sau mình sẽ chia sẻ với các bạn cách để tích hợp cả 3 nền tảng bình luận Blogger, Facebook và Zalo lại cho gọn bố cục. Các bạn có thể xem thử trước ở phần bình luận của Blog này.

    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 https://developers.zalo.me/docs/social/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 bình luận Zalo cho Blogspot
    Điền thông tin tạo ứng dụng mới
    Thêm bình luận zalo cho blogger
    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 blogger

    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 https://developers.zalo.me/docs/social/zalo-comment-widget nhập số bình luận muốn hiển thị và chọn lấy mã
    Thêm bình luận zalo vào Blogspot
    Mã bình luận Zalo như sau:
       1. Đường dẫn js dán trước thẻ </body>
    <script src="https://sp.zalo.me/plugins/sdk.js"></script>
       2. Đoạn code đặt nơi muốn hiển thị bình luận. Các bạn dán nó sau 1 trong 2 đoạn có 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>

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

    Cuối cùng, cũng tại trang https://developers.zalo.me/docs/social/zalo-comment-widget các bạn vào Công cụ -> Quản lý bình luận
    bình luận zalo cho website
    Sau đó chọn Cấu hình và tích chọn bật ở phần kiểm duyệt.


    Các bạn xem qua video mình làm chậm từng bước để dễ thực hành hơn nhé!

    Chúc các bạn thành công!

  • Bài Viết Liên Quan

    Vui lòng đăng nhập tài khoản tương ứng trên trình duyệt của bạn trước khi bình luận!

    Google

    Zalo

    Không có nhận xét nào :

    Đăng nhận xét

    Hãy đánh dấu vào "Thông báo cho tôi" trước khi gửi bình luận để nhận được thông báo khi Admin trả lời!

NTLRUBY

Đăng ký kênh để ủng hộ NTLRUBY và xem những video thị phạm code nhé!