Cara Menambah Chatbot AI Asyntai ke Blogger
Panduan langkah demi langkah untuk laman web Blogger
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: Menggunakan Gadget HTML/JavaScript (Disyorkan)
Cara paling mudah untuk menambah chatbot adalah menggunakan gadget HTML/JavaScript terbina dalam Blogger:
- Log masuk ke Papan Pemuka Blogger anda di blogger.com
- Pilih blog anda dari senarai
- Klik "Layout" dalam bar sisi kiri
- Cari bahagian di mana anda mahu menambah widget (sebaik-baiknya footer)
- Klik "Add a Gadget"
- Pilih "HTML/Javascript" daripada senarai gadget
- Biarkan tajuk kosong (atau tambah satu jika anda mahu)
- Tampal kod benam Asyntai anda dalam kawasan kandungan
- Klik "Save"
- Klik "Save" di sudut kanan bawah halaman Layout
Petua: Menambah gadget ke bahagian footer memastikan ia dimuat di semua halaman blog anda. Chatbot akan muncul sebagai butang terapung tanpa mengira di mana anda meletakkan gadget.
Alternatif: Edit HTML Tema
Anda juga boleh menambah kod terus ke HTML tema anda:
- Pergi ke "Theme" dalam bar sisi kiri
- Klik anak panah ke bawah (More) di sebelah "Customize"
- Pilih "Edit HTML"
- Tekan Ctrl+F (atau Cmd+F pada Mac) untuk membuka carian
- Cari
</body> - Tampal kod benam Asyntai anda sejurus sebelum tag
</body> - Klik "Save"
Penting: Semasa mengedit HTML tema, berhati-hati supaya tidak memadam atau mengubah kod lain. Sandarkan tema anda terlebih dahulu: dalam menu yang sama, klik "Backup", kemudian "Download".
Langkah 3: Sahkan Pemasangan
Selepas menyimpan perubahan anda, lawati blog anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik padanya untuk memastikan ia terbuka dan berfungsi dengan betul.
Tidak nampak widget? Blogger mungkin mengambil beberapa minit untuk menerapkan perubahan. Cuba kosongkan cache pelayar anda atau lihat dalam tetingkap inkognito. Pastikan anda mengklik "Save" selepas menambah gadget.
Weebly