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

Đầu tiên, đi đến Bảng điều khiển Asyntai và cuộn xuống phần "Mã Nhúng". Sao chép mã nhúng duy nhất của bạn sẽ trông như thế này:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 thanh bên phải (hoặc từ menu trên cùng)
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
Ngoài ra, thêm nhúng vào phần header hoặc footer nếu mẫu hỗ trợ
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 ý: Khác với một số nền tảng khác, Google Sites không có điểm chèn mã "toàn trang" duy nhất. Bạn sẽ cần thêm mã nhúng vào mỗi trang bạn muốn chatbot xuất hiện, hoặc sử dụng header/footer tùy chỉnh nếu giao diện hỗ trợ.

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

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

Google Sites bao bọc mã trong phần tử <iframe> trong môi trường sandbox
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)
Tính năng nhúng ít hạn chế hơn HTML Box của Google Sites cổ điển
Mã nhúng không được lập chỉ mục trong tìm kiếm trang

Quan trọng: Do sandbox iframe của Google Sites, một số tính năng nâng cao có thể hoạt động khác so với trang web truyền thống. Chatbot Asyntai được thiết kế để hoạt động trong các ràng buộc này.

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

Sau khi xuất bản thay đổi, truy cập Google Site 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.