Tiện ích Chatbot Gaia

Tổng quan

Tiện ích chatbot gaia này là giải pháp nhẹ, có thể tùy chỉnh để nhúng giao diện trò chuyện hỗ trợ AI vào bất kỳ trang web nào. Nó cung cấp một cách tương tác để người dùng tương tác với trợ lý AI của bạn, nâng cao trải nghiệm người dùng và cung cấp hỗ trợ hoặc thông tin tức thì.

Thông tin

Mã nguồn đầy đủ và hướng dẫn chi tiết để thiết lập và chạy ví dụ này có thể được tìm thấy trong kho lưu trữ Gaia Cookbook .

Đặc trưng

• Dễ dàng nhúng vào bất kỳ trang HTML nào
• Giao diện có thể tùy chỉnh để phù hợp với thiết kế trang web của bạn
• Hỗ trợ định dạng mã và đánh dấu trong phản hồi
• Thiết kế đáp ứng cho máy tính để bàn và thiết bị di động
• Hành vi và giao diện của chatbot có thể cấu hình

Cài đặt

1. Bao gồm tập lệnh chatbot vào tệp HTML của bạn:

<script src="https://cdn.jsdelivr.net/gh/harishkotra/embeddadble-chatbot-ui@refs/heads/main/chatbot-widget.js"></script>

2. Thêm đối tượng cấu hình vào trang của bạn:

<script>
    window.CHATBOT_CONFIG = {
        apiKey: "YOUR_API_KEY",
        apiUrl: "https://YOUR_NODE_ID.gaia.domains/v1/chat/completions",
        botTitle: "AI Assistant",
        welcomeMessage: "Hello! How can I assist you today?",
        placeholderText: "Type your message here...",
        brandColor: "#000000",
        chatHeaderBackground: "#ffffff",
        chatHeaderTextColor: "#000000",
        chatBubbleBackgroundUser: "#000000",
        chatBubbleTextColorUser: "#ffffff",
        chatBubbleBackgroundBot: "#f2f2f2",
        chatBubbleTextColorBot: "#000000",
        systemMessage: "You are a helpful assistant.",
        maxResponseTokens: 1000,
        temperatureValue: 0.7,
        suggestedQuestions: [
            "What services do you offer?",
            "How can I contact support?",
            "Tell me about your company"
        ]
    };
</script>

3. Tiện ích chatbot sẽ tự động khởi tạo và xuất hiện trên trang của bạn.

Tùy chọn cấu hình

Lựa chọn	Kiểu	Sự miêu tả	Mặc định
Khóa api	Xâu	Khóa API của bạn để xác thực	Bắt buộc
apiUrl	Xâu	URL điểm cuối cho API hoàn thành trò chuyện	Bắt buộc
Tiêu đề bot	Xâu	Tiêu đề hiển thị trong tiêu đề trò chuyện	"Trợ lý AI"
chào mừngTin nhắn	Xâu	Tin nhắn đầu tiên được hiển thị bởi bot	"Xin chào! Tôi có thể giúp gì cho bạn hôm nay?"
giữ chỗVăn bản	Xâu	Văn bản giữ chỗ cho trường nhập liệu	"Nhập tin nhắn của bạn vào đây..."
thương hiệuMàu sắc	Xâu	Màu chính cho chatbot (HEX)	"#000000"
chatHeaderBackground	Xâu	Màu nền của tiêu đề trò chuyện (HEX)	"#ffffff"
chatHeaderTextColor	Xâu	Màu chữ của tiêu đề trò chuyện (HEX)	"#000000"
chatBubbleBackgroundNgười dùng	Xâu	Màu nền của bong bóng tin nhắn của người dùng (HEX)	"#000000"
chatBubbleTextColorNgười dùng	Xâu	Màu văn bản của bong bóng tin nhắn của người dùng (HEX)	"#ffffff"
chatBubbleBackgroundBot	Xâu	Màu nền của bong bóng tin nhắn bot (HEX)	"#f2f2f2"
chatBubbleTextColorBot	Xâu	Màu chữ của bong bóng tin nhắn bot (HEX)	"#000000"
hệ thốngTin nhắn	Xâu	Thông báo hệ thống ban đầu để thiết lập hành vi của bot	"Bạn là một trợ lý hữu ích."
Mã thông báo phản hồi tối đa	Số	Số lượng token tối đa trong phản hồi của bot	1000
nhiệt độGiá trị	Số	Tính ngẫu nhiên của phản hồi của bot (0-1)	0.7
Câu hỏi gợi ý	Mảng	Danh sách các câu hỏi gợi ý để hiển thị	[]

Khả năng tương thích của trình duyệt

Tiện ích này tương thích với các trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge. Internet Explorer không được hỗ trợ.

Thông tin

Mã nguồn đầy đủ và hướng dẫn chi tiết để thiết lập và chạy ví dụ này có thể được tìm thấy trong kho lưu trữ Gaia Cookbook .