Slik legger du til Asyntai AI-chatbot i Moodle

Trinn-for-trinn-guide for Moodle LMS-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Bruk Ekstra HTML (anbefalt)

Moodle har en innebygd funksjon for å legge til egendefinert HTML/JavaScript på alle sider:

Logg inn på Moodle-nettstedet ditt som administrator
Gå til Site administration
Naviger til Appearance → Additional HTML
Bla ned til seksjonen «Before BODY is closed»
Lim inn Asyntai-innbyggingskoden i tekstområdet
Klikk på «Save changes»

Tips: Å legge til koden i «Before BODY is closed» plasserer den rett før den avsluttende </body>-taggen, som er anbefalt plassering for chatwidgeter og sikrer at den lastes inn etter hovedinnholdet på siden.

Alternativ: Bruk av temainnstillinger

Mange Moodle-temaer (inkludert Boost og dets varianter) har egne innstillinger for å legge til egendefinert JavaScript:

Gå til Site administration → Appearance → Themes
Klikk på Theme settings for det aktive temaet ditt (f.eks. Boost)
Se etter seksjonen «Raw SCSS», «Additional HTML» eller «Custom JavaScript»
If there's a JavaScript field, paste your Asyntai embed code there
Klikk på «Save changes»
Tøm hurtigbufferne: Site administration → Development → Purge caches

Merk: Temaspesifikke innstillinger varierer mellom temaer. Hvis temaet ditt ikke har et JavaScript-felt, bruk Additional HTML-metoden ovenfor.

Alternativ: Opprett en lokal plugin

For mer kontroll kan du opprette en enkel lokal plugin:

Opprett mappestrukturen: local/asyntaichatbot/ i Moodle-installasjonen din
Opprett version.php:
<?php defined('MOODLE_INTERNAL') || die(); $plugin->component = 'local_asyntaichatbot'; $plugin->version = 2024010100; $plugin->requires = 2022041900;
Opprett lib.php:
<?php defined('MOODLE_INTERNAL') || die(); function local_asyntaichatbot_before_footer() { global $PAGE; $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init'); }
Opprett mappen amd/src/ og filen 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); } }; });
Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
Gå til Site administration → Notifications for å installere pluginen
Tøm hurtigbufferne etter installasjon

Viktig: Den lokale plugin-metoden krever kommandolinjetilgang for å opprette filer. For de fleste brukere er Additional HTML-metoden enklere og tilstrekkelig.

Alternativ: Rediger temaets bunntekstmal

Du kan også redigere temaets bunntekstmal direkte:

Naviger til temamappen din: theme/YOUR_THEME/
Finn layout-filene (f.eks. layout/columns2.php eller templates/columns2.mustache)
Find the closing </body> tag or the footer section
Legg til Asyntai-innbyggingskoden din rett før </body>
Lagre filen
Tøm Moodle-hurtigbufferne

Viktig: Å redigere temafiler direkte betyr at endringer kan gå tapt når du oppdaterer temaet ditt. Bruk et barnetema eller Additional HTML-metoden for en mer permanent løsning.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferne, besøk Moodle-nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for å tømme alle Moodle-hurtigbuffere: gå til Site administration → Development → Purge all caches. Prøv også å tømme nettleserens hurtigbuffer eller åpne siden i et inkognitovindu. Hvis du bruker en hurtigbuffer-plugin eller omvendt proxy, tøm også de hurtigbufferne.