Yapay zekâ sohbet widget kodu: her web sitesine destek asistanı ekle
Tek bir script etiketini kopyala, sitende yanıtları akış hâlinde veren bir yapay zekâ sohbet asistanı olsun. Bu rehber yerleştirme kodunu, seçeneklerini ve yayına almadan önceki kontrolleri anlatır.
Yayın:
Yapay zekâ sohbet widget'ı, ziyaretçilerini zaten okudukları sayfada yanıtlar. api14 ile tüm entegrasyon tek bir script etiketinden ibaret: widget'ı panelde tasarlarsın, kodu kopyalar ve HTML'ine yapıştırırsın. Kurman gereken bir SDK ya da yazman gereken bir sunucu kodu yok.
Sohbet widget'ı ne yapar
Sohbet widget'ı, seçtiğin modelden gelen yanıtları akış hâlinde gösteren küçük bir konuşma penceresidir. Senin yazdığın ve ziyaretçilerin hiç görmediği özel talimatlara uyar; böylece destek temsilcisi, satış asistanı ya da dokümantasyonuna rehberlik eden bir yardımcı gibi çalışabilir. Yanıtlar temel biçimlendirmeyi (paragraflar, listeler, kalın yazı, kod ve bağlantılar) destekler, Durdur düğmesi uzun bir yanıtı keser ve ziyaretçi aynı sekmede sayfalar arasında gezinirken konuşma kaybolmaz.
Widget kodu
Widget'lar bölümünde bir widget'ı kaydettikten sonra düzenleyici onun yerleştirme kodunu gösterir:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Etiketi <body> içinde, sohbetin görünmesini istediğin yere koy. İki isteğe bağlı nitelik, widget'ın nerede ve nasıl görüntüleneceğini değiştirir:
| Nitelik | Ne işe yarar |
|---|---|
data-target | Widget'ın içine yerleşeceği öğenin CSS seçicisi, örneğin #support. |
data-height | Sayfa içi widget'ın yüksekliği, örneğin 520px. Sohbet için varsayılan 480px'tir. |
Ekranın köşesinde bir açma düğmesi tercih ediyorsan düzenleyicide Yüzen düğme yerleşimini seç. Kod aynı kalır.
Canlı bir sohbet asistanına dört adım
- Bir model seç. Katalogdaki her sohbet modeli çalışır. Seçici her modelin fiyatını gösterir; hızlı ve uygun fiyatlı bir modelle başlayıp daha sonra sitene dokunmadan değiştirebilirsin.
- Bir API anahtarı seç. Her widget, API anahtarlarından biriyle çalışır. Mevcut bir anahtarı seç ya da listenin son seçeneği olan Yeni API anahtarı oluştur ile yalnızca bu widget'a özel bir anahtar oluştur. Anahtarın sınırları widget için de geçerlidir ve anahtarın kendisi hiçbir zaman tarayıcıya ulaşmaz.
- Talimatları ve metinleri yaz. Başlığı, karşılama mesajını, giriş alanı metnini ve düğme metnini belirle. Ürününü ve istediğin üslubu anlatan özel talimatlar ekle.
- Alan adlarına izin ver. Ayarlar, Widget siteleri altında widget'ın çalışabileceği siteleri listele. Başka bir siteden gelen istekler reddedilir.
Sayfanı neden bozmaz
Widget, yalıtılmış bir Shadow DOM içinde görüntülenir. CSS'in sohbet penceresine sızmaz, widget da sayfanın stilini değiştirmez. Eşzamansız yüklendiği için içeriğinin geri kalanının görüntülenmesini engellemez.
Yayına almadan önce
- Düzenleyicide önizlemeyi aç ve müşterilerinin gerçekten sorduğu soruları sor. Önizleme, kaydedilmemiş ayarlarını gerçek isteklerle çalıştırır.
- Yoğun bir günün seni şaşırtmaması için widget'a günlük harcama sınırı koy.
- Bakiyenin beklediğin trafiği karşıladığından emin ol. Ziyaretçi istekleri, modelin normal fiyatından USD bakiyenden düşülür.
Denemeye hazır mısın? Widget sayfasında hesap açmadan bir sohbet widget'ı tasarla, ardından tüm ayrıntıları widget belgelerinde oku.