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

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

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

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

सबसे पहले, अपने Asyntai डैशबोर्ड पर जाएँ और नीचे "Embed Code" अनुभाग तक स्क्रॉल करें। अपना यूनिक एम्बेड कोड कॉपी करें, जो कुछ इस तरह दिखेगा:

<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: Header and Footer Scripts मॉड्यूल का उपयोग करना (अनुशंसित)

चैटबॉट जोड़ने का सबसे आसान तरीका "Header and Footer Scripts" मॉड्यूल का उपयोग करना है:

अपने Drupal एडमिन पैनल में लॉग इन करें
विस्तार करें पर जाएँ और \"नया मॉड्यूल इंस्टॉल करें\" पर क्लिक करें
Search for "Header and Footer Scripts" or download it from Drupal.org
मॉड्यूल इंस्टॉल और सक्षम करें
कॉन्फ़िगरेशन → विकास → Header and Footer Scripts पर जाएँ
"फुटर" टैब पर क्लिक करें
फुटर स्क्रिप्ट टेक्स्ट क्षेत्र में अपना Asyntai एम्बेड कोड पेस्ट करें
"कॉन्फ़िगरेशन सहेजें" पर क्लिक करें

सुझाव: फुटर अनुभाग में कोड जोड़ने से यह सुनिश्चित होता है कि यह पृष्ठ सामग्री के बाद लोड हो, जो चैट विजेट के लिए अनुशंसित है।

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

आप कोड सीधे अपनी थीम की टेम्पलेट फ़ाइल में जोड़ सकते हैं:

अपने थीम फ़ोल्डर पर नेविगेट करें: themes/your_theme/
html.html.twig फ़ाइल खोलें (या यदि मौजूद नहीं है तो एक बनाएँ)
क्लोज़िंग </body> टैग खोजें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
फ़ाइल सहेजें
Drupal का कैश साफ़ करें: कॉन्फ़िगरेशन → प्रदर्शन → सभी कैश साफ़ करें

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

वैकल्पिक: लाइब्रेरी का उपयोग करना (डेवलपर्स के लिए)

उन डेवलपर्स के लिए जो स्क्रिप्ट को फ़ाइलों के रूप में प्रबंधित करना पसंद करते हैं:

अपनी थीम की *.libraries.yml फ़ाइल बनाएँ या संपादित करें
एक नई लाइब्रेरी प्रविष्टि जोड़ें:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
अपनी थीम की *.info.yml फ़ाइल में लाइब्रेरी संलग्न करें:
libraries: - your_theme/asyntai-chatbot
Drupal का कैश साफ़ करें

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

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