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

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

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

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

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

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

चरण 2: अपना लेआउट टेम्पलेट संपादित करें (अनुशंसित)

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

FTP, SSH, या अपने कोड एडिटर के माध्यम से अपनी Craft CMS प्रोजेक्ट फ़ाइलों तक पहुँचें
templates/ डायरेक्टरी पर नेविगेट करें
अपनी मुख्य लेआउट फ़ाइल खोजें (आमतौर पर _layout.twig, _layout.html नाम की, या templates/_layouts/ में स्थित)
क्लोज़िंग </body> टैग खोजें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
फ़ाइल सहेजें

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

Alternative: Using Twig {% js %} Tag (Craft CMS 3.x+)

Craft CMS JavaScript रजिस्टर करने के लिए एक बिल्ट-इन Twig टैग प्रदान करता है:

अपना मुख्य लेआउट टेम्पलेट खोलें
क्लोज़िंग </body> टैग से पहले निम्नलिखित कोड जोड़ें:
{% js %} (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); })(); {% endjs %}
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
फ़ाइल सहेजें

नोट: The {% js %} tag automatically handles script registration and prevents duplicate loading if the same code appears multiple times.

वैकल्पिक: एक अलग इनक्लूड फ़ाइल बनाएँ

बेहतर संगठन के लिए, एक समर्पित इनक्लूड फ़ाइल बनाएँ:

एक नई फ़ाइल बनाएँ: templates/_includes/chatbot.twig (या .html)
इस फ़ाइल में अपना Asyntai एम्बेड कोड जोड़ें:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
अपने मुख्य लेआउट टेम्पलेट में, </body> से पहले इस फ़ाइल को शामिल करें:
{% include '_includes/chatbot' %}
दोनों फ़ाइलें सहेजें

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

वैकल्पिक: सशर्त लोडिंग

चैटबॉट को केवल विशिष्ट पृष्ठों या अनुभागों पर लोड करने के लिए:

अपने लेआउट या पेज टेम्पलेट में, Twig कंडीशनल का उपयोग करें:
{% if entry.showChatbot ?? true %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endif %}
या विशिष्ट अनुभागों की जाँच करें:
{% if craft.app.request.segments[0] != 'admin' %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endif %}

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

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

विजेट दिखाई नहीं दे रहा? सुनिश्चित करें कि आपने टेम्पलेट फ़ाइल सहेजी और आप सही लेआउट टेम्पलेट संपादित कर रहे हैं जो आपके पृष्ठ उपयोग करते हैं। अपना ब्राउज़र कैश साफ़ करें या इनकॉग्निटो विंडो में देखें। यदि टेम्पलेट कैशिंग का उपयोग कर रहे हैं, तो कंट्रोल पैनल में Utilities > Clear Caches से Craft CMS कैश साफ़ करें।

टेम्पलेट स्थान: Craft CMS टेम्पलेट स्थान आपके प्रोजेक्ट सेटअप के अनुसार भिन्न हो सकते हैं। सामान्य स्थानों में templates/_layout.twig, templates/_layouts/main.twig, या templates/_base.twig शामिल हैं। </body> टैग कहाँ परिभाषित है यह खोजने के लिए अपने मौजूदा टेम्पलेट जाँचें।