Како додати Asyntai AI чатбот на Moodle

Платформа:

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: Набавите свој код за уграђивање

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

Корак 2: Коришћење додатног HTML-а (препоручено)

Moodle има уграђену функцију за додавање прилагођеног HTML/JavaScript кода на све странице:

1. Пријавите се на ваш Moodle сајт као администратор
2. Идите на Администрација сајта
3. Навигирајте до Appearance → Additional HTML
4. Скролујте надоле до секције "Before BODY is closed"
5. Налепите свој Asyntai код за уграђивање у текстуално поље
6. Кликните на "Save changes"

Алтернатива: Коришћење подешавања теме

Многе Moodle теме (укључујући Boost и њене варијанте) имају своја подешавања за додавање прилагођеног JavaScript-а:

1. Идите на Site administration → Appearance → Themes
2. Кликните на Theme settings за вашу активну тему (нпр. Boost)
3. Потражите секцију "Raw SCSS", "Additional HTML" или "Custom JavaScript"
4. Ако постоји поље за JavaScript, налепите ваш Asyntai код за уградњу тамо
5. Кликните на "Save changes"
6. Очистите кешеве: Site administration → Development → Purge caches

Алтернатива: Креирање локалног додатка

За већу контролу, можете креирати једноставан локални додатак:

1. Креирајте структуру фасцикли: local/asyntaichatbot/ у вашој Moodle инсталацији
2. Креирајте version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Креирајте lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Креирајте фасциклу amd/src/ и фајл 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. Замените YOUR_WIDGET_ID стварним ИД-ом виџета
6. Идите на Site administration → Notifications да инсталирате додатак
7. Очистите кешеве након инсталације

Алтернатива: Уредите шаблон подножја теме

Такође можете директно уредити шаблон подножја ваше теме:

1. Навигирајте до фасцикле ваше теме: theme/YOUR_THEME/
2. Пронађите layout фајлове (нпр. layout/columns2.php или templates/columns2.mustache)
3. Find the closing </body> tag or the footer section
4. Add your Asyntai embed code just before </body>
5. Сачувајте фајл
6. Очистите Moodle кешеве

Корак 3: Верификујте инсталацију

Након чувања промена и чишћења кешева, посетите ваш Moodle сајт у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.