كيفية إضافة روبوت الدردشة Asyntai AI إلى 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 وانتقل لأسفل إلى قسم "Embed Code". انسخ كود التضمين الفريد الذي سيبدو هكذا:

الخطوة 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/columns2.php أو templates/columns2.mustache)
3. ابحث عن وسم الإغلاق </body> أو قسم التذييل
4. أضف كود التضمين الخاص بـ Asyntai قبل </body> مباشرة
5. احفظ الملف
6. امسح ذاكرات التخزين المؤقت لـ Moodle

الخطوة 3: التحقق من التثبيت

بعد حفظ التغييرات ومسح ذاكرات التخزين المؤقت، قم بزيارة موقع Moodle الخاص بك في علامة تبويب جديدة أو نافذة تصفح خاص. يجب أن ترى زر أداة الدردشة في الزاوية السفلية اليمنى. انقر عليه للتأكد من أنه يفتح ويعمل بشكل صحيح.