Πώς να Προσθέσετε το Asyntai AI Chatbot στο 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. Κάντε κλικ στο «Αποθήκευση αλλαγών»

Εναλλακτικά: Χρήση Ρυθμίσεων Θέματος

Πολλά θέματα Moodle (συμπεριλαμβανομένου του Boost και των παραλλαγών του) έχουν τις δικές τους ρυθμίσεις για προσθήκη προσαρμοσμένου JavaScript:

1. Μεταβείτε στο Διαχείριση ιστοτόπου → Appearance → Themes
2. Κάντε κλικ στις Ρυθμίσεις Θέματος για το ενεργό θέμα σας (π.χ., Boost)
3. Αναζητήστε την ενότητα «Raw SCSS», «Additional HTML» ή «Custom JavaScript»
4. If there's a JavaScript field, paste your Asyntai embed code there
5. Κάντε κλικ στο «Αποθήκευση αλλαγών»
6. Εκκαθαρίστε τις κρυφές μνήμες: Διαχείριση ιστοτόπου → Development → Purge caches

Εναλλακτικά: Δημιουργία Τοπικού Plugin

Για μεγαλύτερο έλεγχο, μπορείτε να δημιουργήσετε ένα απλό τοπικό plugin:

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. Replace YOUR_WIDGET_ID with your actual widget ID
6. Μεταβείτε στο Διαχείριση ιστοτόπου → Notifications για να εγκαταστήσετε το plugin
7. Εκκαθαρίστε τις κρυφές μνήμες μετά την εγκατάσταση

Εναλλακτικά: Επεξεργασία Προτύπου Υποσέλιδου Θέματος

You can also edit your theme's footer template directly:

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 σας σε μια νέα καρτέλα ή παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί της γραφικής εφαρμογής συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.