Cara Menambah Chatbot AI Asyntai ke Moodle

Platform:

Moodle

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 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:

Langkah 2: Menggunakan HTML Tambahan (Disyorkan)

Moodle mempunyai ciri terbina dalam untuk menambah HTML/JavaScript tersuai ke semua halaman:

1. Log masuk ke laman Moodle anda sebagai pentadbir
2. Pergi ke Site administration
3. Navigasi ke Appearance → Additional HTML
4. Tatal ke bawah ke bahagian "Before BODY is closed"
5. Tampal kod benam Asyntai anda dalam kawasan teks
6. Klik "Save changes"

Alternatif: Menggunakan Tetapan Tema

Banyak tema Moodle (termasuk Boost dan variannya) mempunyai tetapan sendiri untuk menambah JavaScript tersuai:

1. Pergi ke Site administration → Appearance → Themes
2. Klik pada Theme settings untuk tema aktif anda (contohnya, Boost)
3. Cari bahagian "Raw SCSS", "Additional HTML", atau "Custom JavaScript"
4. Jika terdapat medan JavaScript, tampal kod benam Asyntai anda di situ
5. Klik "Save changes"
6. Kosongkan cache: Site administration → Development → Purge caches

Alternatif: Mencipta Plugin Tempatan

Untuk kawalan lebih, anda boleh mencipta plugin tempatan yang mudah:

1. Cipta struktur folder: local/asyntaichatbot/ dalam pemasangan Moodle anda
2. Cipta version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Cipta lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Cipta folder amd/src/ dan fail loader.js:
   define([], function() {
  return {
    init: function() {
      var script = document.createElement('script');
      script.async = true;
      script.src = 'https://asyntai.com/static/js/chat-widget.js';
      script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
      document.body.appendChild(script);
    }
  };
});
5. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
6. Pergi ke Site administration → Notifications untuk memasang plugin
7. Kosongkan cache selepas pemasangan

Alternatif: Edit Templat Footer Tema

Anda juga boleh mengedit templat footer tema anda secara langsung:

1. Navigasi ke folder tema anda: theme/YOUR_THEME/
2. Cari fail layout (contohnya, layout/columns2.php atau templates/columns2.mustache)
3. Cari tag penutup </body> atau bahagian footer
4. Tambah kod benam Asyntai anda sejurus sebelum </body>
5. Simpan fail
6. Kosongkan cache Moodle

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda dan mengosongkan cache, lawati laman Moodle anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik padanya untuk memastikan ia dibuka dan berfungsi dengan betul.