כיצד להוסיף צ'אטבוט AI של Asyntai ל-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. עברו אל Site administration
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. מצאו את תגית הסגירה </body> או את קטע הפוטר
4. הוסיפו את קוד ההטמעה של Asyntai ממש לפני </body>
5. שמור את הקובץ
6. נקו מטמוני Moodle

שלב 3: אמת את ההתקנה

לאחר שמירת השינויים וניקוי המטמונים, בקרו באתר ה-Moodle שלכם בלשונית דפדפן חדשה או בחלון גלישה פרטית. אתם אמורים לראות את כפתור הצ'אט בפינה הימנית התחתונה. לחצו עליו כדי לוודא שהוא נפתח ופועל כראוי.