Web sitenize konuşan bir AI avatar ekleyin.
IAMX web sitesi asistanı, ziyaretçinin bir avatarla yazışmasını veya sesli konuşmasını sağlar. Ürünleri açıklayan dijital danışman, hizmet sorularını yanıtlayan bir sohbet botu veya sayfa rehberi hazırlayın; konuşan avatar widget’ının yayın kodunu sitenize ekleyin.
Web sitesine AI avatar nasıl eklenir?
- Karakterin görevini tanımlayın
Ziyaretçinin ne sormasını beklediğinizi ve doğru yanıtın hangi kaynaktan geleceğini belirleyin. Rol, dil, ses ve gerektiğinde bilgi bankasını ayarlayın.
- Widget görünümünü seçin
Sesli avatar widget’ı için Publish ekranında yuvarlak portre, sohbet paneli veya sahne şablonunu deneyin. Boyut ve rengi sitenizin düzenine göre ayarlayın.
- Kodu sayfaya ekleyin
Publish ekranından üretilen kodu kopyalayın. Sitenizin HTML alanına veya site genelinde kod ekleme bölümüne yerleştirin.
- Gerçek sayfada deneyin
Masaüstü ve mobil görünümde açılış, mesaj gönderme, mikrofon izni ve ses çıkışını test edin. Diğer sabit düğmelerle çakışmadığını kontrol edin.
Örnek web entegrasyonu
Aşağıdaki kod yapıyı gösterir. YOUR_CHARACTER_ID yerine kendi karakter kimliğiniz gerekir; gerçek kullanımda seçtiğiniz şablon ve boyutları korumak için Publish ekranının verdiği kodu kopyalayın.
<script src="https://iamxlive.com/iamx-widget.js"
data-character="YOUR_CHARACTER_ID"
data-template="round"
data-size="balanced"
data-open="minimized"
defer></script>WordPress veya başka bir içerik yönetim sisteminde, kullandığınız planın ve kod alanının özel JavaScript çalıştırmaya izin vermesi gerekir. Site güvenlik kuralları da widget ve gerekli gömülü içerik bağlantılarına izin vermelidir. Ayrıntılı web entegrasyonu kılavuzu (İngilizce).
Şablonu ziyaretçinin ihtiyacına göre seçin
| İhtiyaç | Uygun görünüm |
|---|---|
| Sayfa içeriğine daha az yer ayırmak | Portrait Bubble veya Compact Guide gibi küçük bir başlangıç görünümü. |
| Yazışmayı takip etmek | Karakterle birlikte konuşma geçmişi sunan Conversation Panel. |
| Arka plan ve sahneyi göstermek | Scene Window veya Scene Concierge. |
| Arka plansız 3B karakter | Tarayıcıda çalışan GLB model için Floating Companion. |
Ürün danışmanını kendi bilgilerinizle hazırlayın
E-ticaret ürün danışmanı veya hizmet asistanı için desteklenen planlarda bilgi bankasına kaynak ekleyin. Ürün özelliklerini ve hizmet koşullarını karaktere bağlayın. Yanıtları kaynakla karşılaştırın; eksik veya çelişkili bilgi için açık davranış kuralları verin.
Stok sorgulayan satış asistanı veya rezervasyon talebi alan chatbot için belge yüklemek yetmez. İlgili servisi, aracı ve yetkileri ayrıca yapılandırın. Kapsamı araç entegrasyonu kılavuzundan (İngilizce) inceleyebilirsiniz.
Sık sorulan sorular
Telefonlarda sesli konuşma çalışır mı?
Mikrofon kullanımı tarayıcı ve cihaz izinlerine bağlıdır. HTTPS üzerinden sunun; iOS ve Android üzerinde izin verme, klavye açma ve konuşmayı durdurma adımlarını test edin. Yazılı giriş alternatifini de kontrol edin.
Ses neden sayfa açılır açılmaz başlamıyor?
Tarayıcılar sesli oynatma için ziyaretçinin dokunmasını veya tıklamasını isteyebilir. Başlatma düğmesini görünür tutun ve sesin bir kullanıcı etkileşiminden sonra açılacağını hesaba katın.
MetaHuman şeffaf widget olabilir mi?
Karakterin arka plansız gösterildiği şablon GLB yolu içindir. Pixel Streaming ile gelen Unreal görüntüsünü portre veya sahne çerçevesinde kullanabilirsiniz.
Yayından önce neyi ölçmeliyim?
Sorunun gönderilmesi, ilk yanıtın gelmesi, sesin başlaması ve mobil yerleşimi ayrı ayrı kontrol edin. Ziyaretçi cihazı, bağlantı ve sağlayıcı ayarları deneyimi etkiler.
Kendi senaryonuzla deneyin.
Bir karakter hazırlayın, gerçek sorular sorun ve kullanacağınız cihazda deneyimi kontrol edin. Kurulum kapsamını birlikte değerlendirmek için bize ulaşabilirsiniz.
IAMX tarafından hazırlanmıştır. Özellikler ve gereksinimler.