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

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

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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

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

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

चरण 2: टेम्पलेट लेआउट में जोड़ें (अनुशंसित)

सभी पृष्ठों पर चैटबॉट जोड़ने का सबसे आसान तरीका ExpressionEngine कंट्रोल पैनल में अपना मुख्य लेआउट टेम्पलेट संपादित करना है:

1. EE कंट्रोल पैनल में, डेवलपर > टेम्पलेट > टेम्पलेट समूह पर जाएँ
2. अपना मुख्य टेम्पलेट समूह खोलें (आमतौर पर "site") और लेआउट टेम्पलेट संपादित करें (या वह टेम्पलेट जो सभी पृष्ठों को रैप करता है)
3. क्लोज़िंग </body> टैग खोजें
4. </body> टैग से ठीक पहले अपना 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> </body>
5. टेम्पलेट सहेजें

वैकल्पिक विधि 1: EE टेम्पलेट पार्शियल का उपयोग करना

ExpressionEngine टेम्पलेट पार्शियल आपको पुन: प्रयोज्य स्निपेट बनाने की अनुमति देते हैं जिन्हें टेम्पलेट में शामिल किया जा सकता है:

1. डेवलपर > टेम्पलेट > टेम्पलेट पार्शियल पर जाएँ
2. "नया" पर क्लिक करके _asyntai_widget नाम का एक नया पार्शियल बनाएँ
3. पार्शियल सामग्री में अपना 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>
4. पार्शियल सहेजें
5. क्लोज़िंग </body> टैग से ठीक पहले इसे अपने लेआउट टेम्पलेट में शामिल करें:
   {embed="_asyntai_widget"} </body>

वैकल्पिक विधि 2: EE के HTML हेडर/फुटर का उपयोग करना

कुछ ExpressionEngine सेटअप स्क्रिप्ट जोड़ने के लिए एक वैश्विक फुटर अनुभाग प्रदान करते हैं:

1. सेटिंग्स > सामग्री और डिज़ाइन > वैश्विक टेम्पलेट प्राथमिकताएँ पर जाएँ
2. यदि आपके EE सेटअप में वैश्विक फुटर अनुभाग है, तो वहाँ Asyntai एम्बेड कोड पेस्ट करें
3. यदि कोई वैश्विक फुटर अनुभाग उपलब्ध नहीं है, तो अपना मुख्य लेआउट टेम्पलेट सीधे संपादित करें और क्लोज़िंग </body> टैग से पहले एम्बेड कोड जोड़ें:
   <!-- 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> </body>
4. अपने परिवर्तन सहेजें

वैकल्पिक विधि 3: config.php का उपयोग करना

उन्नत उपयोगकर्ताओं के लिए, आप ExpressionEngine के कॉन्फ़िगरेशन के माध्यम से या कस्टम ऐड-ऑन बनाकर चैटबॉट स्क्रिप्ट इंजेक्ट कर सकते हैं:

1. FTP, SSH, या अपने कोड एडिटर के माध्यम से अपनी ExpressionEngine प्रोजेक्ट फ़ाइलों तक पहुँचें
2. system/user/config/ डायरेक्टरी पर नेविगेट करें और config.php खोलें
3. कस्टम JavaScript इंजेक्शन के लिए, पृष्ठ रेंडर पर स्क्रिप्ट इंजेक्ट करने के लिए template_post_parse हुक में हुक करने वाला एक सरल EE ऐड-ऑन/एक्सटेंशन बनाने पर विचार करें:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<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>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. YOUR_WIDGET_ID को डैशबोर्ड से अपनी वास्तविक विजेट ID से बदलें

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

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