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

October 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: लेआउट टेम्पलेट में जोड़ें (अनुशंसित)

चैटबॉट जोड़ने का अनुशंसित तरीका October CMS बैकएंड में अपने डिफ़ॉल्ट लेआउट को संपादित करना है:

अपने October CMS बैकएंड में लॉग इन करें
मुख्य मेनू में CMS > Layouts पर जाएँ
अपना डिफ़ॉल्ट लेआउट खोलें (आमतौर पर default.htm)
क्लोज़िंग खोजें </body> टैग और {% scripts %} प्लेसहोल्डर
अपना Asyntai एम्बेड कोड ठीक पहले जोड़ें {% scripts %} और </body>:
<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> {% scripts %} </body>
अपने परिवर्तन लागू करने के लिए "सहेजें" पर क्लिक करें

सुझाव: Placing the script before {% scripts %} and </body> ensures it loads after the page content, which is recommended for chat widgets and won't slow down your page loading.

Alternative Method 1: Using {% put scripts %} Block

आप किसी पेज या पार्शियल से चैटबॉट इंजेक्ट करने के लिए October CMS स्क्रिप्ट प्लेसहोल्डर का उपयोग कर सकते हैं:

CMS संपादक में कोई भी page या partial खोलें
निम्नलिखित कोड का उपयोग करके जोड़ें {% put scripts %} ब्लॉक:
{% put scripts %} <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> {% endput %}
YOUR_WIDGET_ID को डैशबोर्ड से अपनी वास्तविक विजेट ID से बदलें
"सहेजें" पर क्लिक करें

नोट: For this method to work, your layout must include the {% scripts %} placeholder in its markup. This is where October CMS renders all injected scripts. Most default layouts already include this tag.

वैकल्पिक विधि 2: कंपोनेंट PHP का उपयोग

यदि आप प्रोग्रामेटिक दृष्टिकोण पसंद करते हैं, तो आप एक कस्टम कंपोनेंट के माध्यम से चैटबॉट स्क्रिप्ट जोड़ सकते हैं:

अपने October CMS प्लगइन में एक component बनाएं या संशोधित करें
कंपोनेंट की onRun() विधि में, addJs() विधि का उपयोग करें:
public function onRun() { $this->addJs('https://asyntai.com/static/js/chat-widget.js', [ 'async' => true, 'data-asyntai-id' => 'YOUR_WIDGET_ID' ]); }
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
उन पेजों पर कंपोनेंट रजिस्टर करें जहाँ आप चाहते हैं कि चैटबॉट दिखाई दे

सुझाव: कंपोनेंट का उपयोग करने से आपको चैटबॉट कब और कहाँ लोड होता है, इस पर प्रोग्रामेटिक नियंत्रण मिलता है। आप उपयोगकर्ता भूमिकाओं, पेज प्रकारों या अन्य मानदंडों के आधार पर लोडिंग को नियंत्रित करने के लिए onRun() के अंदर कंडीशनल लॉजिक जोड़ सकते हैं।

वैकल्पिक विधि 3: पार्शियल का उपयोग

आप चैटबॉट विजेट के लिए एक पुन: प्रयोज्य पार्शियल बना सकते हैं:

October CMS बैकएंड में CMS > पार्शियल्स पर जाएँ
नया पार्शियल बनाने के लिए "+ जोड़ें" पर क्लिक करें
इसका नाम asyntai-widget.htm रखें
पार्शियल में अपना Asyntai एम्बेड कोड जोड़ें:
<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>
"सहेजें" पर क्लिक करें
अपना लेआउट टेम्पलेट खोलें और </body> से पहले पार्शियल शामिल करें:
{% partial 'asyntai-widget' %}
लेआउट सहेजें

सुझाव: पार्शियल का उपयोग करने से आपके लेआउट से पार्शियल इन्क्लूड को जोड़कर या हटाकर आपकी पूरी साइट पर चैटबॉट को सक्षम या अक्षम करना आसान हो जाता है।

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

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

विजेट दिखाई नहीं दे रहा? सुनिश्चित करें कि आपने CMS बैकएंड में सभी परिवर्तन सहेज लिए हैं। अपना ब्राउज़र कैश साफ़ करें या इनकॉग्निटो विंडो में देखें। यदि आपकी साइट कैशिंग का उपयोग करती है, तो कमांड लाइन से php artisan cache:clear चलाकर October CMS कैश साफ़ करें, या बैकएंड में Settings > System > Clear Cache विकल्प का उपयोग करें।

लेआउट चयन: सुनिश्चित करें कि वे पेज जहाँ आप चैटबॉट दिखाना चाहते हैं, सही लेआउट का उपयोग कर रहे हैं। आप CMS > Pages में पेज खोलकर और पेज सेटिंग्स में Layout ड्रॉपडाउन को देखकर जांच सकते हैं कि पेज किस लेआउट का उपयोग करता है।