Asyntai AI Chatbot'u Duda'ya Nasıl Eklersiniz
Duda web siteleri için adım adım kılavuz
Adım 1: Yerleştirme Kodunuzu Alın
Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Not: Yukarıdaki kod yalnızca bir örnektir. Kişisel widget kimliğinizi içerdiğinden, kendi benzersiz yerleştirme kodunuzu Dashboard'unuzdan kopyalamanız gerekir.
Adım 2: Site Ayarlarına Kod Ekleyin (Önerilen)
Chatbot'u Duda web sitenizin tüm sayfalarına eklemenin en kolay yolu Site Ayarlarıdır:
- Duda account'unuza giriş yapın ve web sitesi düzenleyicinizi açın
- Sol kenar çubuğunda "More" (üç nokta simgesi) seçeneğine tıklayın
- "Settings" düğmesine tıklayın
- Aşağı kaydırın ve "Head HTML" düğmesine tıklayın
- "Body End HTML" alanına Asyntai yerleştirme kodunuzu yapıştırın
- "Kaydet"'e tıklayın
- Değişikliklerinizi canlıya almak için sağ üst köşedeki "Publish" düğmesine tıklayın
İpucu: Body End HTML bölümüne kod eklemek, chatbot'un sayfa içeriğinizden sonra yüklenmesini sağlar ve sitenizin yüklenme hızını etkilemez. Bu yöntem chatbot'u sitenizdeki her sayfaya otomatik olarak ekler.
Alternatif Yöntem 1: HTML Widget (Belirli Sayfalar)
Chatbot'u yalnızca belirli sayfalara eklemek istiyorsanız HTML widget'ını kullanın:
- Düzenlemek istediğiniz sayfayı Duda editor'de açın
- Sol kenar çubuğunda widget panelinde "HTML" araması yapın
- HTML widget'ını sayfanızdaki bir sütun veya satıra sürükleyip bırakın
- Düzenlemek için widget üzerine tıklayın
- Asyntai yerleştirme kodunuzu kod alanına yapıştırın
- "Update" düğmesine tıklayın
- Değişiklikleri canlıya almak için "Publish" düğmesine tıklayın
Not: HTML widget'ı, sayfanızın herhangi bir yerine özel kod yerleştirmenize olanak tanır. Widget'ın görsel konumu chatbot'un nerede görüneceğini etkilemez - yapılandırıldığı gibi yine sağ alt köşede görünecektir.
Alternatif Yöntem 2: Geliştirici Modu (İleri Düzey)
İleri düzey kullanıcılar için, kodu doğrudan HTML'ye eklemek üzere Geliştirici Modunu kullanabilirsiniz:
- Duda düzenleyicide, üst çubuktaki Developer Mode simgesine tıklayın
- Seçimi genişletmek için "Site HTML/CSS" seçeneğine tıklayın
- Dosya listesinden "body-end.html" dosyasına tıklayın
- Dosyanın son satırına kaydırın
- Asyntai yerleştirme kodunuzu yeni bir satıra yapıştırın
- "Kaydet"'e tıklayın
- Geliştirici Modundan çıkmak için "Done" düğmesine tıklayın
- Değişikliklerinizi uygulamak için "Publish" düğmesine tıklayın
Önemli: Geliştirici Modu, sitenizin HTML ve CSS'sine doğrudan erişim sağlar. Sitenizin işlevselliğini bozmamak için yalnızca body-end.html dosyasının sonuna kod eklediğinizden emin olun. Yayınlamadan önce değişiklikleri her zaman test edin.
Adım 3: Kurulumu Doğrulayın
Değişikliklerinizi yayınladıktan sonra web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede açın. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Açıldığından ve düzgün çalıştığından emin olmak için tıklayın.
Widget'ı göremiyor musunuz? Sitenizi yayınladığınızdan (yalnızca kaydetmekle kalmayıp) emin olun. Tarayıcı önbelleğinizi temizleyin veya gizli modda görüntüleyin. Kodunuzun HTTPS kullandığını kontrol edin (varsayılan olarak kullanır). JavaScript hataları olup olmadığını kontrol etmek için tarayıcı konsolunu (F12) açın.
Weebly