Moodle में Asyntai AI चैटबॉट कैसे जोड़ें

Moodle LMS वेबसाइटों के लिए चरण-दर-चरण मार्गदर्शिका

प्लेटफ़ॉर्म:

चरण 1: अपना एम्बेड कोड प्राप्त करें

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

नोट: ऊपर दिया गया कोड केवल एक उदाहरण है। आपको अपने डैशबोर्ड से अपना अद्वितीय एम्बेड कोड कॉपी करना होगा क्योंकि इसमें आपकी व्यक्तिगत विजेट ID होती है।

चरण 2: अतिरिक्त HTML का उपयोग करना (अनुशंसित)

Moodle में सभी पृष्ठों पर कस्टम HTML/JavaScript जोड़ने के लिए एक अंतर्निहित सुविधा है:

अपने Moodle साइट में व्यवस्थापक के रूप में लॉग इन करें
साइट प्रशासन पर जाएँ
Appearance → Additional HTML पर जाएँ
"Before BODY is closed" अनुभाग तक नीचे स्क्रॉल करें
टेक्स्ट क्षेत्र में अपना Asyntai एम्बेड कोड पेस्ट करें
"परिवर्तन सहेजें" पर क्लिक करें

सुझाव: Before BODY is closed" में कोड जोड़ने से यह क्लोजिंग </body> टैग से ठीक पहले आ जाता है, जो चैट विजेट के लिए अनुशंसित प्लेसमेंट है और यह सुनिश्चित करता है कि यह मुख्य पृष्ठ सामग्री के बाद लोड हो।

वैकल्पिक: थीम सेटिंग्स का उपयोग

कई Moodle थीम (Boost और इसके वेरिएंट सहित) में कस्टम JavaScript जोड़ने के लिए अपनी सेटिंग्स होती हैं:

साइट प्रशासन → Appearance → थीम्स पर जाएँ
अपनी सक्रिय थीम (जैसे, Boost) के लिए Theme settings पर क्लिक करें
\"Raw SCSS\", \"Additional HTML\", या \"Custom JavaScript\" अनुभाग खोजें
यदि वहां JavaScript फ़ील्ड है, तो अपना Asyntai एम्बेड कोड वहां पेस्ट करें
"परिवर्तन सहेजें" पर क्लिक करें
कैश साफ़ करें: Site administration → Development → Purge caches

नोट: थीम-विशिष्ट सेटिंग्स अलग-अलग थीम में भिन्न होती हैं। यदि आपकी थीम में JavaScript फ़ील्ड नहीं है, तो ऊपर दी गई Additional HTML विधि का उपयोग करें।

वैकल्पिक: स्थानीय प्लगइन बनाना

अधिक नियंत्रण के लिए, आप एक सरल स्थानीय प्लगइन बना सकते हैं:

अपने Moodle इंस्टॉलेशन में फ़ोल्डर संरचना बनाएँ: local/asyntaichatbot/
version.php बनाएँ:
<?php defined('MOODLE_INTERNAL') || die(); $plugin->component = 'local_asyntaichatbot'; $plugin->version = 2024010100; $plugin->requires = 2022041900;
lib.php बनाएँ:
<?php defined('MOODLE_INTERNAL') || die(); function local_asyntaichatbot_before_footer() { global $PAGE; $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init'); }
फ़ोल्डर 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); } }; });
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
प्लगइन इंस्टॉल करने के लिए Site administration → Notifications पर जाएँ
इंस्टॉलेशन के बाद कैश साफ़ करें

महत्वपूर्ण: स्थानीय प्लगइन विधि के लिए फ़ाइलें बनाने हेतु कमांड-लाइन एक्सेस की आवश्यकता होती है। अधिकांश उपयोगकर्ताओं के लिए, Additional HTML विधि सरल और पर्याप्त है।

वैकल्पिक: थीम फुटर टेम्पलेट संपादित करें

आप अपनी थीम का फुटर टेम्पलेट सीधे भी संपादित कर सकते हैं:

अपने थीम फ़ोल्डर पर नेविगेट करें: theme/YOUR_THEME/
layout फ़ाइलें खोजें (जैसे, layout/columns2.php या templates/columns2.mustache)
टेम्पलेट कोड में क्लोज़िंग </body> टैग खोजें
क्लोज़िंग </body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड जोड़ें
फ़ाइल सहेजें
Moodle कैश साफ़ करें

महत्वपूर्ण: थीम फ़ाइलों को सीधे संपादित करने का अर्थ है कि आपकी थीम अपडेट करते समय परिवर्तन खो सकते हैं। अधिक स्थायी समाधान के लिए चाइल्ड थीम या Additional HTML विधि का उपयोग करें।

चरण 3: इंस्टॉलेशन सत्यापित करें

अपने परिवर्तनों को सहेजने और कैश साफ़ करने के बाद, एक नए ब्राउज़र टैब या इनकॉग्निटो विंडो में अपनी Moodle साइट पर जाएँ। आपको नीचे दाएं कोने में चैट विजेट बटन दिखाई देना चाहिए। यह सुनिश्चित करने के लिए इस पर क्लिक करें कि यह सही ढंग से खुलता और काम करता है।

विजेट दिखाई नहीं दे रहा? सुनिश्चित करें कि सभी Moodle कैश साफ़ हो गए हैं: Site administration → Development → Purge all caches पर जाएँ। अपना ब्राउज़र कैश साफ़ करने या इनकॉग्निटो विंडो में देखने का भी प्रयास करें। यदि आप कैशिंग प्लगइन या रिवर्स प्रॉक्सी का उपयोग कर रहे हैं, तो उन कैश को भी साफ़ करें।