Cara Menambahkan Chatbot AI Asyntai ke Google Sites
Panduan langkah demi langkah untuk Google Sites
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
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: 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 sidebar kanan (atau dari menu atas)
- 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
- Sebagai alternatif, tambahkan embed ke bagian header atau footer jika template Anda mendukungnya
- Untuk situs dengan banyak halaman, pertimbangkan untuk menambahkannya ke halaman utama terlebih dahulu
Catatan: Berbeda dengan beberapa platform lain, Google Sites tidak memiliki satu titik injeksi kode "seluruh situs". Anda perlu menambahkan kode embed ke setiap halaman tempat Anda ingin chatbot muncul, atau gunakan header/footer kustom jika tema Anda mendukungnya.
Cara Google Sites Menangani Kode yang Disematkan
Memahami cara Google Sites memproses kode Anda:
- Google Sites membungkus kode Anda dalam elemen <iframe> di lingkungan sandbox
- JavaScript harus berada di dalam tag <script> (yang sudah disertakan dalam kode Asyntai Anda)
- Anda dapat mereferensikan file JavaScript eksternal (seperti widget Asyntai)
- Fitur embed kurang ketat dibandingkan HTML Box Google Sites klasik
- Kode yang disematkan tidak diindeks dalam pencarian situs
Penting: Karena sandbox iframe Google Sites, beberapa fitur lanjutan mungkin berperilaku berbeda dari situs web tradisional. Chatbot Asyntai dirancang untuk bekerja dalam batasan ini.
Langkah 3: Verifikasi Instalasi
Setelah mempublikasikan perubahan Anda, kunjungi Google Site 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.
Tidak melihat widget? Pastikan Anda telah mempublikasikan situs Anda (bukan hanya menyimpan). Coba lihat di jendela penyamaran untuk melewati caching. Periksa konsol browser (F12) untuk kesalahan apa pun. Pastikan embed disisipkan dengan benar dengan mengedit halaman dan memeriksa elemen embed.