Gaia Chatbot Widget'ı

Genel Bakış

Bu gaia chatbot widget'ı, herhangi bir web sayfasına yapay zeka destekli bir sohbet arayüzü yerleştirmek için hafif, özelleştirilebilir bir çözümdür. Kullanıcıların yapay zeka asistanınızla etkileşime girmesi için etkileşimli bir yol sağlayarak kullanıcı deneyimini geliştirir ve anında destek veya bilgi sağlar.

bilgi

Bu örneği kurmak ve çalıştırmak için tüm kaynak kodu ve ayrıntılı talimatlar Gaia Cookbook deposunda bulunabilir.

Özellikler

• Herhangi bir HTML sayfasına kolayca yerleştirilebilir
• Web sitenizin tasarımına uyacak şekilde özelleştirilebilir görünüm
• Yanıtlarda markdown ve kod biçimlendirmesini destekler
• Masaüstü ve mobil cihazlar için duyarlı tasarım
• Yapılandırılabilir chatbot davranışı ve görünümü

Kurulum

1. Sohbet robotu komut dosyasını HTML dosyanıza ekleyin:

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

2. Yapılandırma nesnesini sayfanıza ekleyin:

<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. Sohbet robotu widget'ı otomatik olarak başlatılacak ve sayfanızda görünecektir.

Yapılandırma Seçenekleri

Opsiyon	Tip	Açıklama	Varsayılan
apiKey	Dize	Kimlik doğrulama için API anahtarınız	Gerekli
apiUrl	Dize	Sohbet tamamlama API'si için uç nokta URL'si	Gerekli
botTitle	Dize	Sohbet başlığında görüntülenen başlık	"Yapay Zeka Asistanı"
welcomeMessage	Dize	Bot tarafından görüntülenen ilk mesaj	"Merhaba! Bugün size nasıl yardımcı olabilirim?"
placeholderText	Dize	Giriş alanı için yer tutucu metin	"Mesajınızı buraya yazın..."
brandColor	Dize	Sohbet robotu için birincil renk (HEX)	"#000000"
chatHeaderBackground	Dize	Sohbet başlığının arka plan rengi (HEX)	"#ffffff"
chatHeaderTextColor	Dize	Sohbet başlığının metin rengi (HEX)	"#000000"
chatBubbleBackgroundUser	Dize	Kullanıcı mesaj balonlarının arka plan rengi (HEX)	"#000000"
chatBubbleTextColorUser	Dize	Kullanıcı mesaj balonlarının metin rengi (HEX)	"#ffffff"
chatBubbleBackgroundBot	Dize	Bot mesaj balonlarının arka plan rengi (HEX)	"#f2f2f2"
chatBubbleTextColorBot	Dize	Bot mesaj balonlarının metin rengi (HEX)	"#000000"
sistemMesajı	Dize	Botun davranışını ayarlamak için ilk sistem mesajı	"Sen yardımcı bir asistansın."
maxResponseTokens	Sayı	Botun yanıtındaki maksimum belirteç sayısı	1000
temperatureValue	Sayı	Botun yanıtlarının rastgeleliği (0-1)	0.7
Önerilen Sorular	Dizi	Gösterilmesi önerilen soruların listesi	[]

Tarayıcı Uyumluluğu

Bu widget Chrome, Firefox, Safari ve Edge gibi modern tarayıcılarla uyumludur. Internet Explorer desteklenmemektedir.

bilgi

Bu örneği kurmak ve çalıştırmak için tüm kaynak kodu ve ayrıntılı talimatlar Gaia Cookbook deposunda bulunabilir.