Az Asyntai AI Chatbot hozzáadása a Moodle-hoz

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

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: További HTML használata (ajánlott)

A Moodle beépített funkcióval rendelkezik egyéni HTML/JavaScript hozzáadásához az összes oldalhoz:

1. Jelentkezzen be a Moodle oldalára rendszergazdaként
2. Lépjen a Webhely-adminisztráció oldalra
3. Navigáljon a Megjelenés → További HTML menüponthoz
4. Görgessen le a „A BODY lezárása előtt" szakaszhoz
5. Illessze be az Asyntai beágyazási kódot a szövegterületre
6. Kattintson a „Módosítások mentése" gombra

Alternatíva: Témabeállítások használata

Sok Moodle téma (beleértve a Boost-ot és változatait) saját beállításokkal rendelkezik egyéni JavaScript hozzáadásához:

1. Go to Site administration → Appearance → Themes
2. Kattintson az aktív témájának Témabeállítások opciójára (pl. Boost)
3. Keressen „Nyers SCSS", „További HTML" vagy „Egyéni JavaScript" szakaszt
4. Ha van JavaScript mező, illessze be az Asyntai beágyazó kódját oda
5. Kattintson a „Módosítások mentése" gombra
6. Ürítse a gyorsítótárakat: Webhely-adminisztráció → Fejlesztés → Gyorsítótárak ürítése

Alternatíva: Helyi bővítmény létrehozása

A nagyobb irányítás érdekében létrehozhat egy egyszerű helyi bővítményt:

1. Hozza létre a mappastruktúrát: local/asyntaichatbot/ a Moodle telepítésben
2. Hozza létre a version.php fájlt:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Hozza létre a lib.php fájlt:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Hozza létre az amd/src/ mappát és a loader.js fájlt:
   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. Replace YOUR_WIDGET_ID with your actual widget ID
6. Lépjen a Webhely-adminisztráció → Értesítések oldalra a bővítmény telepítéséhez
7. Telepítés után ürítse a gyorsítótárakat

Alternatíva: Téma lábléc sablonjának szerkesztése

Közvetlenül szerkesztheti a témája lábléc sablonját is:

1. Navigáljon a témamappájához: theme/YOUR_THEME/
2. Keresse meg az elrendezési fájlokat (pl. layout/columns2.php vagy templates/columns2.mustache)
3. Keresse meg a záró </body> taget vagy a lábléc szakaszt
4. Add your Asyntai embed code just before </body>
5. Mentse el a fájlt
6. Ürítse a Moodle gyorsítótárait

3. lépés: Telepítés ellenőrzése

A változtatások mentése és a gyorsítótárak ürítése után látogasson el a Moodle oldalára egy új böngészőlapon vagy inkognító ablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.