So fügen Sie den Asyntai AI 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. Log in to your Moodle site as an administrator
2. Gehen Sie zu Site administration
3. Navigieren Sie zu Appearance → Additional HTML
4. Scroll down to the "Before BODY is closed" section
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. Go to Site administration → Appearance → 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. If there's a JavaScript field, paste your Asyntai embed code there
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. Replace YOUR_WIDGET_ID with your actual 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. Find the closing </body> tag or the footer section
4. Add your Asyntai embed code just before </body>
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.