Asyntai AI Chatbot'u Drupal'e Nasıl Eklersiniz

Drupal web siteleri için adım adım kılavuz

Platform:

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: Header and Footer Scripts Modülünü Kullanma (Önerilen)

Chatbot'u eklemenin en kolay yolu "Header and Footer Scripts" modülünü kullanmaktır:

Drupal yönetici paneline giriş yapın
Extend bölümüne gidin ve "Install new module" seçeneğine tıklayın
"Header and Footer Scripts" modülünü arayın veya Drupal.org adresinden indirin
Modülü yükleyin ve etkinleştirin
Configuration → Development → Header and Footer Scripts bölümüne gidin
"Footer" sekmesine tıklayın
Asyntai gömme kodunuzu Footer Scripts alanına yapıştırın
"Yapılandırmayı kaydet"'e tıklayın

İpucu: Kodu altbilgi bölümüne eklemek, sayfa içeriğinden sonra yüklenmesini sağlar; bu, sohbet widget'ları için önerilen yöntemdir.

Alternatif: Tema Şablonunu Düzenleme

Kodu doğrudan temanızın şablon dosyasına ekleyebilirsiniz:

Tema klasörünüze gidin: themes/your_theme/
html.html.twig dosyasını açın (yoksa oluşturun)
Kapanış </body> etiketini bulun
Asyntai yerleştirme kodunuzu </body> etiketinin hemen öncesine yapıştırın
Dosyayı kaydedin
Drupal önbelleğini temizleyin: Configuration → Performance → Clear all caches

Önemli: Tema dosyalarındaki değişiklikler, temanızı güncellerken üzerine yazılabilir. Daha kalıcı bir çözüm için alt tema veya Header and Footer Scripts modülünü kullanmayı düşünün.

Alternatif: Kütüphaneleri Kullanma (Geliştiriciler İçin)

Drupal'ın varlık kütüphanesi sistemini kullanmayı tercih eden geliştiriciler için:

Temanızın *.libraries.yml dosyasını oluşturun veya düzenleyin
Yeni bir kütüphane girişi ekleyin:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Kütüphaneyi temanızın *.info.yml dosyasına ekleyin:
libraries: - your_theme/asyntai-chatbot
Drupal önbelleğini temizleyin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydedip önbelleği temizledikten sonra, web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget'ı düğmesini görmelisiniz. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.