Cara Menambahkan Chatbot AI Asyntai ke Drupal

Panduan langkah demi langkah untuk situs web Drupal

Platform:

Langkah 1: Dapatkan Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Menggunakan Modul Header and Footer Scripts (Disarankan)

Cara termudah untuk menambahkan chatbot adalah menggunakan modul "Header and Footer Scripts":

Masuk ke panel admin Drupal Anda
Buka Extend dan klik "Install new module"
Cari "Header and Footer Scripts" atau unduh dari Drupal.org
Instal dan aktifkan modul
Buka Configuration → Development → Header and Footer Scripts
Klik pada tab "Footer"
Tempelkan kode embed Asyntai Anda di area teks skrip footer
Klik "Save configuration"

Tips: Menambahkan kode ke bagian footer memastikan kode dimuat setelah konten halaman, yang disarankan untuk widget obrolan.

Alternatif: Edit Template Tema

Anda dapat menambahkan kode langsung ke file template tema Anda:

Navigasi ke folder tema Anda: themes/your_theme/
Buka file html.html.twig (atau buat jika belum ada)
Temukan tag penutup </body>
Tempel kode embed Asyntai Anda tepat sebelum tag </body>
Simpan file
Bersihkan cache Drupal: Configuration → Performance → Clear all caches

Penting: Perubahan pada file tema mungkin akan ditimpa saat memperbarui tema Anda. Pertimbangkan untuk menggunakan child theme atau modul Header and Footer Scripts untuk solusi yang lebih permanen.

Alternatif: Menggunakan Libraries (Untuk Pengembang)

Untuk pengembang yang lebih suka menggunakan sistem pustaka aset Drupal:

Buat atau edit file *.libraries.yml tema Anda
Tambahkan entri pustaka baru:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Lampirkan pustaka di file *.info.yml tema Anda:
libraries: - your_theme/asyntai-chatbot
Bersihkan cache Drupal

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan dan membersihkan cache, kunjungi situs web Anda di tab browser baru atau jendela penyamaran. Anda akan melihat tombol widget obrolan di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.