Quay lại bảng điều khiển

Tài liệu

Tìm hiểu cách sử dụng Asyntai

Cách Thêm Chatbot AI Asyntai vào Blogger

Hướng dẫn từng bước cho trang web Blogger

Lấy Mã Nhúng

Bước 1: Lấy Mã Nhúng của Bạn

Trước tiên, hãy vào Bảng điều khiển Asyntai và cuộn xuống phần "Mã nhúng". Sao chép mã nhúng riêng của bạn, mã này sẽ trông như sau:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

Bước 2: Sử dụng Tiện ích HTML/JavaScript (Khuyến nghị)

Cách dễ nhất để thêm chatbot là sử dụng tiện ích HTML/JavaScript tích hợp của Blogger:

  1. Đăng nhập vào Bảng Điều khiển Blogger tại blogger.com
  2. Chọn blog của bạn từ danh sách
  3. Nhấp "Layout" trong thanh bên trái
  4. Tìm phần bạn muốn thêm tiện ích (tốt nhất là chân trang)
  5. Nhấp "Add a Gadget"
  6. Chọn "HTML/Javascript" từ danh sách tiện ích
  7. Để trống tiêu đề (hoặc thêm nếu bạn muốn)
  8. Dán mã nhúng Asyntai vào khu vực nội dung
  9. Nhấp "Save"
  10. Nhấp "Save" ở góc dưới bên phải của trang Layout

Mẹo: Thêm tiện ích vào phần chân trang đảm bảo nó tải trên tất cả các trang của blog. Chatbot sẽ xuất hiện dưới dạng nút nổi bất kể bạn đặt tiện ích ở đâu.

Thay thế: Chỉnh sửa HTML Giao diện

Bạn cũng có thể thêm mã trực tiếp vào HTML giao diện:

  1. Đi đến "Theme" trong thanh bên trái
  2. Nhấp vào mũi tên xuống (More) bên cạnh "Customize"
  3. Chọn "Edit HTML"
  4. Nhấn Ctrl+F (hoặc Cmd+F trên Mac) để mở tìm kiếm
  5. Tìm kiếm </body>
  6. Dán mã nhúng Asyntai ngay trước thẻ </body>
  7. Nhấp "Save"

Quan trọng: Khi chỉnh sửa HTML giao diện, hãy cẩn thận không xóa hoặc sửa đổi mã khác. Hãy sao lưu giao diện trước: trong cùng menu, nhấp "Backup", rồi "Download".

Bước 3: Xác minh Cài đặt

Sau khi lưu thay đổi, truy cập blog trong tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút tiện ích trò chuyện ở góc dưới bên phải. Nhấp vào nó để đảm bảo nó mở và hoạt động chính xác.

Không thấy tiện ích? Blogger có thể mất vài phút để áp dụng thay đổi. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh. Đảm bảo bạn đã nhấp "Save" sau khi thêm tiện ích.