Jak dodać chatbota AI Asyntai do 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

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

Krok 2: Użycie dodatkowego kodu HTML (zalecane)

Moodle posiada wbudowana funkcje dodawania niestandardowego kodu HTML/JavaScript do wszystkich stron:

1. Zaloguj się do swojej witryny Moodle jako administrator
2. Przejdź do Site administration
3. Przejdź do Appearance → Additional HTML
4. Przewin w dol do sekcji "Before BODY is closed"
5. Wklej kod osadzania Asyntai w polu tekstowym
6. Kliknij "Save changes"

Alternatywa: Użycie ustawień motywu

Wiele motywów Moodle (w tym Boost i jego warianty) ma własne ustawienia do dodawania niestandardowego kodu JavaScript:

1. Przejdź do Site administration → Appearance → Themes
2. Kliknij Theme settings dla aktywnego motywu (np. Boost)
3. Poszukaj sekcji "Raw SCSS", "Additional HTML" lub "Custom JavaScript"
4. Jeśli istnieje pole JavaScript, wklej tam swoj kod osadzania Asyntai
5. Kliknij "Save changes"
6. Wyczyść pamięci podreczne: Site administration → Development → Purge caches

Alternatywa: Tworzenie lokalnej wtyczki

Aby uzyskać większą kontrolę, możesz utworzyć prosta lokalna wtyczkę:

1. Utwórz strukture folderow: local/asyntaichatbot/ w swojej instalacji Moodle
2. Utwórz version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Utwórz lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Utwórz folder amd/src/ i plik 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. Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
6. Przejdź do Site administration → Notifications, aby zainstalować wtyczkę
7. Wyczyść pamięci podreczne po instalacji

Alternatywa: Edycja szablonu stopki motywu

Możesz również edytować szablon stopki motywu bezpośrednio:

1. Przejdź do folderu motywu: theme/YOUR_THEME/
2. Znajdź pliki layout (np. layout/columns2.php lub templates/columns2.mustache)
3. Znajdź zamykający tag </body> lub sekcję stopki
4. Dodaj swój kod osadzania Asyntai tuż przed </body>
5. Zapisz plik
6. Wyczyść pamięci podręczne Moodle

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian i wyczyszczeniu pamięci podręcznych odwiedź swoją witrynę Moodle w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa poprawnie.