Cách Thêm Chatbot AI Asyntai vào Ghost
Hướng dẫn từng bước cho trang web Ghost CMS
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: 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ể:
- Open the post or page you want to add the chatbot to
- Click the settings icon (gear) in the top right corner
- 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ữ)
If you're self-hosting Ghost and prefer to edit theme files directly:
- 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/ - Open the default.hbs file (the main layout file)
- 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.
Không thấy tiện ích? Đảm bảo bạn đã nhấp "Save" sau khi thêm mã trong Code Injection. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh. Nếu sử dụng Ghost(Pro), thay đổi sẽ xuất hiện ngay lập tức. Đối với Ghost tự lưu trữ, bạn có thể cần khởi động lại dịch vụ Ghost.
Weebly