Moodle'a Asyntai AI Chatbot Nasıl Eklenir

Platform:

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

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

Adım 2: Ek HTML Kullanma (Önerilen)

Moodle, tüm sayfalara özel HTML/JavaScript eklemek için yerleşik bir özelliğe sahiptir:

1. Moodle sitenize yönetici olarak giriş yapın
2. Site administration bölümüne gidin
3. Appearance → Additional HTML bölümüne gidin
4. Scroll down to the "Before BODY is closed" section
5. Asyntai gömme kodunuzu metin alanına yapıştırın
6. "Save changes" düğmesine tıklayın

Alternatif: Tema Ayarlarını Kullanma

Birçok Moodle teması (Boost ve türevleri dahil) özel JavaScript eklemek için kendi ayarlarına sahiptir:

1. Go to Site administration → Appearance → Themes
2. Aktif temanız için Theme settings seçeneğine tıklayın (ör. Boost)
3. "Raw SCSS", "Additional HTML" veya "Custom JavaScript" bölümünü arayın
4. Bir JavaScript alanı varsa, Asyntai gömme kodunuzu oraya yapıştırın
5. "Save changes" düğmesine tıklayın
6. Önbellekleri temizleyin: Site administration → Development → Purge caches

Alternatif: Yerel Eklenti Oluşturma

Daha fazla kontrol için basit bir yerel eklenti oluşturabilirsiniz:

1. Moodle kurulumunuzda klasör yapısını oluşturun: local/asyntaichatbot/
2. version.php dosyasını oluşturun:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. lib.php dosyasını oluşturun:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. amd/src/ klasörünü ve loader.js dosyasını oluşturun:
   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. Eklentiyi kurmak için Site administration → Notifications bölümüne gidin
7. Kurulumdan sonra önbellekleri temizleyin

Alternatif: Tema Footer Şablonunu Düzenleme

Temanızın footer şablonunu doğrudan da düzenleyebilirsiniz:

1. Tema klasörünüze gidin: theme/YOUR_THEME/
2. layout dosyalarını bulun (ör. layout/columns2.php veya templates/columns2.mustache)
3. Find the closing </body> tag or the footer section
4. Add your Asyntai embed code just before </body>
5. Dosyayı kaydedin
6. Moodle önbelleklerini temizleyin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydedip önbellekleri temizledikten sonra, Moodle sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için üzerine tıklayın.