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

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

Nền tảng:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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 Chèn Mã (Khuyến nghị)

Ghost có tính năng Chèn Mã tích hợp giúp thêm tập lệnh tùy chỉnh rất dễ dàng:

Đăng nhập vào Bảng Quản trị Ghost
Nhấp biểu tượng bánh răng (Settings) ở góc dưới bên trái
Cuộn xuống phần "Advanced"
Nhấp vào "Code injection"
Trong phần "Site footer", dán mã nhúng Asyntai
Nhấp "Save" ở góc trên bên phải

Mẹo: Thêm JavaScript vào Site Footer (thay vì Site Header) đảm bảo nó tải sau nội dung trang, được khuyến nghị cho tiện ích trò chuyện và sẽ không làm chậm tải trang.

Thay thế: Chèn Mã cho Trang Cụ thể

Nếu bạn chỉ muốn chatbot trên các trang hoặc bài viết cụ thể:

Mở bài viết hoặc trang bạn muốn thêm chatbot vào
Nhấp biểu tượng cài đặt (bánh răng) ở góc trên bên phải
Cuộn xuống để tìm "Code injection"
Mở rộng phần và dán mã nhúng Asyntai vào trường "Post footer"
Nhấp ra ngoài trường để lưu, sau đó xuất bản/cập nhật bài viết

Lưu ý: Chèn mã cho trang cụ thể hữu ích nếu bạn chỉ muốn chatbot trên một số trang nhất định thay vì toàn bộ trang web.

Thay thế: Chỉnh sửa Tệp Giao diện (Cho Tự Lưu trữ)

Nếu bạn tự lưu trữ Ghost và muốn chỉnh sửa tệp giao diện trực tiếp:

Truy cập tệp cài đặt Ghost qua FTP hoặc trình quản lý tệp
Điều hướng đến thư mục giao diện: content/themes/your-theme/
Mở tệp default.hbs (tệp bố cục chính)
Tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>
Lưu tệp
Khởi động lại Ghost hoặc xóa bộ nhớ đệm

Quan trọng: Chỉnh sửa trực tiếp tệp giao diện không được khuyến nghị trừ khi cần thiết. Thay đổi có thể bị ghi đè khi cập nhật giao diện. Phương pháp Chèn Mã được ưu tiên vì nó tồn tại qua các cập nhật giao diện.

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

Sau khi lưu thay đổi, truy cập trang Ghost 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.