Cara Menambah Chatbot AI Asyntai ke e107

Panduan langkah demi langkah untuk laman web CMS e107

Platform:

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 ke Templat Tema (Disyorkan)

Cara yang disyorkan untuk menambah chatbot ialah dengan mengedit fail templat tema e107 anda secara langsung:

Navigasi ke folder tema e107 anda: e107_themes/yourtheme/
Buka fail templat utama tema (biasanya theme.php atau theme.html)
Cari tag penutup </body>
Tampal kod benam Asyntai anda sejurus sebelum tag </body>:

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

Petua: Jika tema anda menggunakan theme.php, cari bahagian di mana HTML footer dipaparkan. Kod benam hendaklah diletakkan selepas semua kandungan lain tetapi sebelum tag body penutup.

Kaedah Alternatif 1: Menggunakan Header/Footer Tersuai e107

Anda boleh menambah skrip chatbot melalui panel pentadbir e107 tanpa mengedit fail tema:

Log masuk ke panel pentadbir e107 anda
Pergi ke Admin > Preferences > Site Preferences
Cari bahagian "Custom Footer" atau "Footer Scripts"
Tampal kod benam Asyntai anda ke dalam kawasan teks skrip footer
Klik "Save" untuk menerapkan perubahan

Nota: Kaedah ini paling mudah jika anda mahu mengelakkan pengeditan fail tema secara langsung. Skrip akan disertakan pada setiap halaman laman e107 anda secara automatik.

Kaedah Alternatif 2: Menggunakan Plugin e107

Untuk pendekatan yang lebih modular, anda boleh membuat plugin mudah atau menggunakan sistem cangkuk plugin untuk menyuntik skrip chatbot:

Buat plugin mudah atau gunakan plugin "Custom Pages"
Tambah skrip melalui sistem cangkuk plugin e107 dengan membuat fail e_footer.php dalam direktori plugin anda
Dalam e_footer.php, keluarkan kod benam anda:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Petua: Pendekatan cangkuk plugin mengekalkan integrasi chatbot anda berasingan dari tema, jadi ia akan kekal walaupun anda menukar tema.

Kaedah Alternatif 3: Menggunakan Sistem Menu e107

Anda boleh menggunakan sistem Menu terbina dalam e107 untuk menambah skrip chatbot ke kawasan footer:

Log masuk ke panel pentadbir e107 anda
Pergi ke Admin > Menus
Buat menu HTML tersuai
Tampal kod benam Asyntai anda ke dalam kandungan menu
Tetapkan menu ke kawasan footer templat anda
Simpan konfigurasi menu

Penting: Apabila menggunakan sistem Menu, pastikan kawasan menu yang anda tetapkan menyokong output HTML/skrip mentah. Sesetengah kawasan menu mungkin melucutkan tag skrip untuk keselamatan. Jika skrip dialih keluar, gunakan salah satu kaedah lain.

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda, lawati laman web e107 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? Cuba kosongkan cache e107 anda dari panel pentadbir di bawah Admin > Cache. Juga cuba kosongkan cache pelayar anda atau lihat dalam tetingkap inkognito. Pastikan kod benam anda diletakkan dengan betul dan mengandungi ID widget unik anda dari Papan Pemuka.