Kembali ke Papan Pemuka

Dokumentasi

Ketahui cara menggunakan Asyntai

Cara Bermula
Pemasangan Pangkalan Pengetahuan Uji AI Anda Urus Laman Web
Penyesuaian
Warna Widget Nama Pembantu AI Mesej Awal Kedudukan Widget Pencetus Automatik Gelembung Sapaan Lencana Belum Dibaca Mod Arahan Ajukan Soalan Gunakan Emoji Kumpul Emel Kumpul Nombor Telefon Tangkapan Prospek Pintar Penyetempatan Sembunyikan Penjenamaan Pautan Privasi Notis Tersuai Muat Turun Transkrip Perbualan Baharu Sejarah Perbualan Slogan & Titik Status Pertuturan ke Teks Ikon Sembang Logo Syarikat Had Aksara Suhu
Petua Arahan AI Bandingkan Pelan
Ciri-ciri
Rangkak Laman Web Jurang Pengetahuan Kad Produk Kad Produk Dinamik Konteks Pengguna Pemantauan Langsung Pengambilalihan Manusia Eskalasi Pemberitahuan AI Laporan Harian Suapan Data Masa Nyata Suapan Data Masa Nyata Maks Ahli Pasukan Log Masuk Tunggal Sertakan Imej Penglihatan Imej Widget Terjemahan Penyetempatan Prospek Tangkapan Prospek Pintar Tiket Sokongan Tempahan Benam Kecualikan Halaman IP Disekat Model Lebih Pintar Aktifkan Pemikiran Cadangan Balasan Mesej Susulan Pertuturan ke Teks Muat Turun Transkrip Sembang Terbenam
Analitik
Analitik Sembang Log Sembang
Integrasi
REST API Instagram Messenger WhatsApp Zapier Email Aplikasi Mudah Alih
Lain-lain
Tambah ke Skrin Utama Butang Buka Tersuai
Tanya AI

Cara Menambah Chatbot AI Asyntai ke Google Sites

Panduan langkah demi langkah untuk Google Sites

Dapatkan Kod Benam
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

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

Nota: Kod di atas hanyalah contoh. Anda mesti menyalin kod benam unik anda sendiri dari Papan Pemuka anda kerana ia mengandungi ID widget peribadi anda.

Langkah 2: Tambah Kod Menggunakan Ciri Benam

Google Sites menggunakan ciri benam untuk menambah kod HTML dan JavaScript tersuai:

  1. Pada komputer, buka laman anda dalam Google Sites
  2. Navigasi ke halaman di mana anda mahu menambah chatbot
  3. Klik "Insert" di bar sisi kanan (atau dari menu atas)
  4. Pilih "Embed" dari pilihan
  5. Klik tab "Embed code" di bahagian atas
  6. Tampal kod benam Asyntai anda ke dalam kotak teks
  7. Klik "Next" untuk pratonton penampilannya
  8. Klik "Insert" untuk menambah kod ke halaman anda
  9. Klik "Publish" di bahagian atas kanan untuk menjadikan perubahan anda langsung

Petua: Google Sites membungkus benam dalam iframe, jadi chatbot akan muncul di dalam kawasan benam dan bukannya ditetapkan di sudut pelayar. Untuk pengalaman terbaik, letakkan elemen benam di bahagian paling bawah kandungan halaman anda supaya butang chatbot mudah ditemui.

Menambah ke Pelbagai Halaman

Untuk menambah chatbot ke pelbagai halaman pada Google Site anda:

  1. Ulang proses benam untuk setiap halaman di mana anda mahu chatbot
  2. Sebagai alternatif, tambah benam ke bahagian header atau footer jika templat anda menyokongnya
  3. Untuk laman dengan banyak halaman, pertimbangkan untuk menambahkannya ke halaman pendaratan utama anda terlebih dahulu

Nota: Tidak seperti platform lain, Google Sites tidak mempunyai satu titik suntikan kod "seluruh laman". Anda perlu menambah kod benam ke setiap halaman di mana anda mahu chatbot muncul, atau gunakan header/footer tersuai jika tema anda menyokongnya.

Cara Google Sites Mengendalikan Kod Terbenam

Memahami cara Google Sites memproses kod anda:

  • Google Sites membungkus kod anda dalam elemen <iframe> dalam persekitaran kotak pasir
  • JavaScript mesti berada dalam tag <script> (yang sudah disertakan dalam kod Asyntai anda)
  • Anda boleh merujuk fail JavaScript luaran (seperti widget Asyntai)
  • Ciri benam kurang terhad berbanding Kotak HTML Google Sites klasik
  • Kod terbenam tidak diindeks dalam carian laman

Penting: Disebabkan kotak pasir iframe Google Sites, beberapa ciri lanjutan mungkin berkelakuan berbeza daripada laman web tradisional. Chatbot Asyntai direka untuk berfungsi dalam kekangan ini.

Langkah 3: Sahkan Pemasangan

Selepas menerbitkan perubahan anda, lawati Google Site anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik untuk memastikan ia terbuka dan berfungsi dengan betul.

Tidak nampak widget? Pastikan anda telah menerbitkan laman anda (bukan sekadar menyimpan). Cuba lihat dalam tetingkap inkognito untuk memintas sebarang caching. Semak konsol pelayar (F12) untuk sebarang ralat. Pastikan benam telah disisipkan dengan betul dengan mengedit halaman dan menyemak elemen benam.