Kako dodati Asyntai AI chatbot na Moodle

Platforma:

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

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

Korak 2: Koristenje dodatnog HTML-a (Preporuceno)

Moodle ima ugradenu znacajku za dodavanje prilagodenog HTML-a/JavaScripta na sve stranice:

1. Prijavite se na svoj Moodle web kao administrator
2. Idite na Site administration
3. Navigirajte do Appearance → Additional HTML
4. Scroll down to the "Before BODY is closed" section
5. Zalijepite svoj Asyntai ugradni kod u tekstualno podrucje
6. Kliknite "Save changes"

Alternativa: Koristenje postavki teme

Mnoge Moodle teme (ukljucujuci Boost i njegove varijante) imaju vlastite postavke za dodavanje prilagodenog JavaScripta:

1. Idite na Site administration → Appearance → Themes
2. Kliknite na Theme settings za svoju aktivnu temu (npr. Boost)
3. Potrazite odjeljak "Raw SCSS", "Additional HTML" ili "Custom JavaScript"
4. Ako postoji polje za JavaScript, zalijepite svoj Asyntai ugradni kod tamo
5. Kliknite "Save changes"
6. Ocistite predmemorije: Site administration → Development → Purge caches

Alternativa: Izrada lokalnog dodatka

Za vise kontrole mozete izraditi jednostavan lokalni dodatak:

1. Izradite strukturu mapa: local/asyntaichatbot/ u svojoj Moodle instalaciji
2. Izradite version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Izradite lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Izradite mapu amd/src/ i datoteku 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. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
6. Idite na Site administration → Notifications za instalaciju dodatka
7. Ocistite predmemorije nakon instalacije

Alternativa: Uredite predlozak podnozja teme

Takoder mozete izravno urediti predlozak podnozja teme:

1. Navigirajte do mape teme: theme/VASA_TEMA/
2. Pronadite datoteke rasporeda (npr. layout/columns2.php ili templates/columns2.mustache)
3. Pronadite zavrsnu oznaku </body> ili odjeljak podnozja
4. Add your Asyntai embed code just before </body>
5. Spremite datoteku
6. Ocistite Moodle predmemorije

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i ciscenja predmemorija, posjetite svoju Moodle stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.