Cara Menambahkan Chatbot AI Asyntai ke Google Sites

Panduan langkah demi langkah untuk Google Sites

Platform:

Langkah 1: Dapatkan Kode Embed Anda

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Tambahkan Kode Menggunakan Fitur Embed

Google Sites menggunakan fitur embed untuk menambahkan kode HTML dan JavaScript kustom:

Di komputer, buka situs Anda di Google Sites
Navigasi ke halaman di mana Anda ingin menambahkan chatbot
Klik "Insert" di panel sebelah kanan
Pilih "Embed" dari opsi
Klik tab "Embed code" di bagian atas
Tempelkan kode embed Asyntai Anda ke kotak teks
Klik "Next" untuk melihat pratinjau tampilannya
Klik "Insert" untuk menambahkan kode ke halaman Anda
Klik "Publish" di kanan atas untuk membuat perubahan Anda aktif

Tip: Google Sites membungkus embed dalam iframe, sehingga chatbot akan muncul di dalam area embed, bukan terpasang tetap di pojok browser. Untuk pengalaman terbaik, tempatkan elemen embed di bagian paling bawah konten halaman Anda agar tombol chatbot mudah ditemukan.

Menambahkan ke Beberapa Halaman

Untuk menambahkan chatbot ke beberapa halaman di Google Site Anda:

Ulangi proses embed untuk setiap halaman yang Anda inginkan chatbot-nya
Untuk situs dengan banyak halaman, pertimbangkan untuk menambahkannya ke halaman utama terlebih dahulu

Catatan: Google Sites tidak memiliki satu tempat untuk kode yang berlaku di seluruh situs. Tambahkan kode embed ke setiap halaman tempat Anda ingin chatbot muncul.

Cara Google Sites Menangani Kode yang Disematkan

Memahami cara Google Sites memproses kode Anda:

Google Sites menampilkan kode Anda di dalam elemen <iframe>
JavaScript harus berada di dalam tag <script> (yang sudah disertakan dalam kode Asyntai Anda)
Anda dapat mereferensikan file JavaScript eksternal (seperti widget Asyntai)

Penting: Karena Google Sites menampilkan kode di dalam iframe, beberapa fitur mungkin berperilaku berbeda dibandingkan di situs web lain. Chatbot Asyntai dirancang untuk berfungsi di dalam iframe ini.

Langkah 3: Verifikasi Instalasi

Setelah memublikasikan perubahan, kunjungi Google Site Anda di tab browser baru atau jendela penyamaran. Anda akan melihat tombol widget chat di dalam area embed pada halaman. Klik tombol tersebut untuk memastikan widget terbuka dan berfungsi dengan benar.