So fügen Sie den Asyntai-KI-Chatbot zu Moodle hinzu

Plattform:

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

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zunächst zu Ihrem Asyntai Dashboard und scrollen Sie zum Abschnitt "Einbettungscode". Kopieren Sie Ihren einzigartigen Einbettungscode, der so aussieht:

Schritt 2: Zusätzliches HTML verwenden (Empfohlen)

Moodle verfügt über eine integrierte Funktion zum Hinzufügen von benutzerdefiniertem HTML/JavaScript auf allen Seiten:

1. Melden Sie sich als Administrator bei Ihrer Moodle-Website an
2. Gehen Sie zu Site administration
3. Navigieren Sie zu Appearance → Additional HTML
4. Scrollen Sie nach unten zum Abschnitt "Vor Schließen von BODY"
5. Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
6. Klicken Sie auf "Save changes"

Alternative: Theme-Einstellungen verwenden

Viele Moodle-Themes (einschließlich Boost und seiner Varianten) haben eigene Einstellungen zum Hinzufügen von benutzerdefiniertem JavaScript:

1. Gehen Sie zu Website-Administration → Darstellung → Themes
2. Klicken Sie auf Theme settings für Ihr aktives Theme (z. B. Boost)
3. Suchen Sie nach dem Abschnitt "Raw SCSS", "Additional HTML" oder "Custom JavaScript"
4. Wenn es ein JavaScript-Feld gibt, fügen Sie Ihren Asyntai-Einbettungscode dort ein
5. Klicken Sie auf "Save changes"
6. Leeren Sie die Caches: Site administration → Development → Purge caches

Alternative: Lokales Plugin erstellen

Für mehr Kontrolle können Sie ein einfaches lokales Plugin erstellen:

1. Erstellen Sie die Ordnerstruktur: local/asyntaichatbot/ in Ihrer Moodle-Installation
2. Erstellen Sie version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Erstellen Sie lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Erstellen Sie den Ordner amd/src/ und die Datei 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. Ersetzen Sie YOUR_WIDGET_ID durch Ihre tatsächliche Widget-ID
6. Gehen Sie zu Site administration → Notifications, um das Plugin zu installieren
7. Leeren Sie die Caches nach der Installation

Alternative: Theme-Footer-Vorlage bearbeiten

Sie können auch die Footer-Vorlage Ihres Themes direkt bearbeiten:

1. Navigieren Sie zu Ihrem Theme-Ordner: theme/YOUR_THEME/
2. Suchen Sie die Layout-Dateien (z. B. layout/columns2.php oder templates/columns2.mustache)
3. Suchen Sie das schließende </body>-Tag oder den Fußzeilenbereich
4. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor </body> ein
5. Speichern Sie die Datei
6. Leeren Sie die Moodle-Caches

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern Ihrer Änderungen und dem Leeren der Caches Ihre Moodle-Website in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.