Cara Menambah Chatbot AI Asyntai ke Google Sites

Panduan langkah demi langkah untuk Google Sites

Platform:

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Embed Code". Salin kod benam unik anda yang akan kelihatan 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>

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:

Pada komputer, buka laman anda dalam Google Sites
Navigasi ke halaman di mana anda mahu menambah chatbot
Klik "Insert" di panel sebelah kanan
Pilih "Embed" dari pilihan
Klik tab "Embed code" di bahagian atas
Tampal kod benam Asyntai anda ke dalam kotak teks
Klik "Next" untuk pratonton penampilannya
Klik "Insert" untuk menambah kod ke halaman anda
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:

Ulang proses benam untuk setiap halaman di mana anda mahu chatbot
Untuk laman dengan banyak halaman, pertimbangkan untuk menambahkannya ke halaman pendaratan utama anda terlebih dahulu

Nota: Google Sites tidak mempunyai satu tempat untuk kod yang meliputi seluruh laman. Tambah kod benam pada setiap halaman di mana anda mahu chatbot dipaparkan.

Cara Google Sites Mengendalikan Kod Terbenam

Memahami cara Google Sites memproses kod anda:

Google Sites memaparkan kod anda di dalam elemen <iframe>
JavaScript mesti berada dalam tag <script> (yang sudah disertakan dalam kod Asyntai anda)
Anda boleh merujuk fail JavaScript luaran (seperti widget Asyntai)

Penting: Oleh sebab Google Sites memaparkan kod di dalam iframe, sesetengah ciri mungkin berfungsi secara berbeza berbanding di laman web lain. Chatbot Asyntai direka untuk berfungsi di dalam iframe 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 dalam kawasan benam pada halaman. Klik butang itu untuk memastikan ia dibuka dan berfungsi dengan betul.