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

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

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

चरण 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: थीम टेम्पलेट में जोड़ें (अनुशंसित)

Backdrop CMS अपनी थीम में .tpl.php टेम्पलेट फ़ाइलों का उपयोग करता है। अनुशंसित दृष्टिकोण एम्बेड कोड को सीधे अपनी सक्रिय थीम के पेज टेम्पलेट में जोड़ना है:

FTP या फ़ाइल मैनेजर के माध्यम से अपने Backdrop CMS इंस्टॉलेशन तक पहुँचें
अपनी सक्रिय थीम की डायरेक्टरी पर नेविगेट करें: themes/yourtheme/
page.tpl.php फ़ाइल खोलें (या आपकी थीम के अनुसार layout.tpl.php)
क्लोज़िंग </body> टैग या <?php print $page_bottom; ?> लाइन खोजें
उस लाइन से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
फ़ाइल सहेजें

<!-- Asyntai AI Chatbot -->
<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>
<?php print $page_bottom; ?>
</body>

सुझाव: <?php print $page_bottom; ?> या क्लोज़िंग </body> टैग से ठीक पहले कोड रखने से चैटबॉट पृष्ठ सामग्री के बाद लोड होता है, जिससे बेहतर पृष्ठ लोड प्रदर्शन मिलता है। यह विधि स्वचालित रूप से इस थीम का उपयोग करने वाले हर पृष्ठ पर चैटबॉट जोड़ती है।

वैकल्पिक विधि 1: कस्टम मॉड्यूल का उपयोग करना

आप एक सरल Backdrop CMS मॉड्यूल बना सकते हैं जो backdrop_add_js() का उपयोग करके चैटबॉट स्क्रिप्ट इंजेक्ट करता है:

मॉड्यूल डायरेक्टरी बनाएँ: modules/custom/asyntai_widget/
निम्नलिखित कोड के साथ मॉड्यूल फ़ाइल asyntai_widget.module बनाएँ:
// modules/custom/asyntai_widget/asyntai_widget.module function asyntai_widget_init() { backdrop_add_js('https://asyntai.com/static/js/chat-widget.js', array( 'type' => 'external', 'scope' => 'footer', 'attributes' => array('async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID'), )); }
asyntai_widget.info फ़ाइल बनाएँ:
name = Asyntai AI Chatbot Widget description = Adds the Asyntai AI chatbot widget to all pages. backdrop = 1.x package = Custom type = module
अपने Backdrop एडमिन पैनल में कार्यक्षमता (admin/modules) पर जाएँ
Custom पैकेज के अंतर्गत "Asyntai AI Chatbot Widget" खोजें और इसे सक्षम करें
"कॉन्फ़िगरेशन सहेजें" पर क्लिक करें

नोट: मॉड्यूल कोड में YOUR_WIDGET_ID को अपने Asyntai डैशबोर्ड से अपनी वास्तविक विजेट ID से बदलें। कस्टम मॉड्यूल दृष्टिकोण अपग्रेड-सुरक्षित है और आपकी थीम अपडेट करते समय अधिलेखित नहीं होगा।

वैकल्पिक विधि 2: Backdrop का "Add to Head" मॉड्यूल उपयोग करना

योगदान किया गया "Add to Head" मॉड्यूल कोड संपादित किए बिना स्क्रिप्ट इंजेक्ट करने का आसान तरीका प्रदान करता है:

Download and install the "Add to Head" contributed module from the Backdrop CMS website
कॉन्फ़िगरेशन > विकास > Add to Head पर जाएँ
अपना Asyntai एम्बेड कोड फुटर सेक्शन (footer section) में जोड़ें
"कॉन्फ़िगरेशन सहेजें" पर क्लिक करें

सुझाव: "Add to Head" मॉड्यूल का उपयोग सबसे आसान तरीका है यदि आप थीम फ़ाइलें संपादित नहीं करना चाहते या कस्टम मॉड्यूल नहीं बनाना चाहते। यह इंजेक्ट की गई स्क्रिप्ट प्रबंधित करने के लिए एक सरल एडमिन इंटरफ़ेस प्रदान करता है।

वैकल्पिक विधि 3: ब्लॉक सिस्टम का उपयोग करना

Backdrop CMS का लेआउट और ब्लॉक सिस्टम भी चैटबॉट जोड़ने के लिए उपयोग किया जा सकता है:

अपने Backdrop CMS एडमिन पैनल में लॉग इन करें
संरचना > लेआउट पर जाएँ
वह लेआउट चुनें जिसे आप संपादित करना चाहते हैं (जैसे, डिफ़ॉल्ट लेआउट)
फुटर क्षेत्र में "ब्लॉक जोड़ें" पर क्लिक करें
"कस्टम ब्लॉक" चुनें
ब्लॉक प्रारूप को "Full HTML" या "Raw HTML" पर सेट करें
अपना Asyntai एम्बेड कोड ब्लॉक बॉडी में पेस्ट करें
ब्लॉक को एक शीर्षक दें (जैसे, "Asyntai Chatbot") और वैकल्पिक रूप से "शीर्षक छिपाएँ" चेक करें
"ब्लॉक सहेजें" और फिर "लेआउट सहेजें" पर क्लिक करें

महत्वपूर्ण: सुनिश्चित करें कि टेक्स्ट प्रारूप "Full HTML" या "Raw HTML" पर सेट है ताकि स्क्रिप्ट टैग हटाया न जाए। डिफ़ॉल्ट "Filtered HTML" प्रारूप सुरक्षा कारणों से स्क्रिप्ट टैग हटा देगा।

चरण 3: कैश साफ़ करें और सत्यापित करें

अपने परिवर्तन करने के बाद, Backdrop CMS का कैश साफ़ करें और इंस्टॉलेशन सत्यापित करें:

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

विजेट दिखाई नहीं दे रहा? सुनिश्चित करें कि आपने कॉन्फ़िगरेशन > प्रदर्शन पर Backdrop CMS का कैश साफ़ किया है। अपनी साइट को इनकॉग्निटो विंडो में देखने या अपना ब्राउज़र कैश साफ़ करने का प्रयास करें। किसी भी JavaScript त्रुटि के लिए ब्राउज़र कंसोल (F12) खोलें। यदि आपने कस्टम मॉड्यूल विधि का उपयोग किया, तो कार्यक्षमता के अंतर्गत सत्यापित करें कि मॉड्यूल सक्षम है।