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

Hướng dẫn từng bước cho Google Sites

Nền tả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: Thêm Mã bằng Tính năng Nhúng

Google Sites sử dụng tính năng nhúng để thêm mã HTML và JavaScript tùy chỉnh:

Trên máy tính, mở trang web trong Google Sites
Điều hướng đến trang bạn muốn thêm chatbot
Nhấp "Insert" trong bảng điều khiển bên phải
Chọn "Embed" từ các tùy chọn
Nhấp tab "Embed code" ở trên cùng
Dán mã nhúng Asyntai vào hộp văn bản
Nhấp \"Next\" để xem trước giao diện
Nhấp "Insert" để thêm mã vào trang
Nhấp "Publish" ở góc trên bên phải để đưa thay đổi lên trực tuyến

Mẹo: Google Sites bao bọc nhúng trong iframe, vì vậy chatbot sẽ xuất hiện bên trong vùng nhúng thay vì cố định ở góc trình duyệt. Để có trải nghiệm tốt nhất, đặt phần tử nhúng ở cuối nội dung trang để nút chatbot dễ tìm.

Thêm vào Nhiều Trang

Để thêm chatbot vào nhiều trang trên Google Site:

Lặp lại quy trình nhúng cho mỗi trang bạn muốn chatbot
Cho trang web có nhiều trang, hãy cân nhắc thêm vào các trang đích chính trước

Lưu ý: Google Sites không có một vị trí chung để đặt mã áp dụng cho toàn bộ trang web. Hãy thêm mã nhúng vào từng trang mà bạn muốn chatbot xuất hiện.

Cách Google Sites Xử lý Mã Nhúng

Hiểu cách Google Sites xử lý mã của bạn:

Google Sites hiển thị mã của bạn bên trong một phần tử <iframe>
JavaScript phải nằm trong thẻ <script> (mã Asyntai của bạn đã bao gồm)
Bạn có thể tham chiếu tệp JavaScript bên ngoài (như tiện ích Asyntai)

Quan trọng: Vì Google Sites hiển thị mã bên trong iframe, một số tính năng có thể hoạt động khác so với trên các trang web khác. Chatbot Asyntai được thiết kế để hoạt động bên trong iframe này.

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

Sau khi xuất bản các thay đổi, hãy truy cập Google Site của bạn trong một tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút widget chat bên trong vùng nhúng trên trang. Nhấp vào nút đó để đảm bảo nó mở ra và hoạt động đúng.