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

Concrete CMS (पूर्व में Concrete5) वेबसाइटों के लिए चरण-दर-चरण मार्गदर्शिका

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

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

अपनी Concrete CMS वेबसाइट के सभी पृष्ठों पर चैटबॉट जोड़ने का सबसे अच्छा तरीका अपनी थीम की फुटर फ़ाइल संपादित करना है:

FTP या फ़ाइल मैनेजर के माध्यम से अपने Concrete CMS इंस्टॉलेशन तक पहुँचें
/application/themes/your_theme_name/ डायरेक्टरी पर नेविगेट करें
footer.php फ़ाइल (या समकक्ष फुटर टेम्पलेट) खोजें और खोलें
क्लोज़िंग </body> टैग वाली लाइन खोजें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
फ़ाइल सहेजें और यदि स्थानीय रूप से संपादित कर रहे हैं तो इसे अपने सर्वर पर वापस अपलोड करें
Concrete CMS कैश साफ़ करें: Dashboard → System & Settings → Clear Cache

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

वैकल्पिक विधि 1: HTML ब्लॉक (गैर-डेवलपर्स के लिए सबसे आसान)

यदि आप थीम फ़ाइलें संपादित नहीं करना पसंद करते हैं, तो आप Concrete CMS के बिल्ट-इन HTML ब्लॉक का उपयोग कर सकते हैं:

अपने Concrete CMS डैशबोर्ड में लॉग इन करें
उस पृष्ठ पर नेविगेट करें जहाँ आप चैटबॉट जोड़ना चाहते हैं
पृष्ठ संपादित करें (टूलबार में पेंसिल आइकन) पर क्लिक करें
उस क्षेत्र में ब्लॉक जोड़ें पर क्लिक करें जहाँ आप कोड रखना चाहते हैं
HTML ब्लॉक खोजें और चुनें
HTML एडिटर में अपना Asyntai एम्बेड कोड पेस्ट करें
ब्लॉक सहेजने के लिए जोड़ें पर क्लिक करें
परिवर्तन लाइव करने के लिए प्रकाशित करें पर क्लिक करें

नोट: HTML ब्लॉक विधि विशिष्ट पृष्ठों पर चैटबॉट जोड़ने के लिए बहुत अच्छी है। साइट-व्यापी इंस्टॉलेशन के लिए, आपको प्रत्येक पृष्ठ पर HTML ब्लॉक जोड़ना होगा, या ऊपर वर्णित थीम फुटर विधि का उपयोग करना होगा। ब्लॉक का दृश्य प्लेसमेंट चैटबॉट कहाँ दिखाई देता है इसे प्रभावित नहीं करता - यह अभी भी नीचे दाएँ कोने में दिखाई देगा।

वैकल्पिक विधि 2: थीम हेडर फ़ाइल

आप साइट-व्यापी इंस्टॉलेशन के लिए अपनी थीम की हेडर फ़ाइल में भी कोड जोड़ सकते हैं:

FTP या फ़ाइल मैनेजर के माध्यम से अपनी Concrete CMS फ़ाइलों तक पहुँचें
/application/themes/your_theme_name/ पर नेविगेट करें
header.php फ़ाइल (या elements/header.php) खोलें
क्लोज़िंग </head> टैग खोजें
</head> टैग से ठीक पहले अपना 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>
</head>

सुझाव: Concrete CMS को ठीक से काम करने के लिए अपनी header.php फ़ाइल में <?php View::element('header_required'); ?> का उपयोग करके आवश्यक हेडर एलिमेंट शामिल करना सुनिश्चित करें।

वैकल्पिक विधि 3: कस्टम टेम्पलेट (उन्नत)

अधिक नियंत्रण चाहने वाले डेवलपर्स के लिए, आप एक कस्टम पेज टेम्पलेट बना सकते हैं:

/application/themes/your_theme_name/ में एक नई पेज टेम्पलेट फ़ाइल बनाएँ
या एक मौजूदा टेम्पलेट कॉपी करें (जैसे, default.php) और इसका नाम बदलें
</body> से पहले टेम्पलेट फ़ाइल में अपना Asyntai एम्बेड कोड जोड़ें
Concrete CMS डैशबोर्ड में, Pages & Themes पर जाएँ
पेज प्रकार पर क्लिक करें
वह पेज प्रकार चुनें जिसके साथ आप यह टेम्पलेट उपयोग करना चाहते हैं
अपना कस्टम टेम्पलेट पेज प्रकार को असाइन करें
इस पेज प्रकार का उपयोग करने वाले सभी पृष्ठों में अब चैटबॉट शामिल होगा

महत्वपूर्ण: परिवर्तन करने से पहले हमेशा अपनी थीम फ़ाइलों का बैकअप लें। यदि संभव हो तो पहले स्टेजिंग साइट पर अपने संशोधनों का परीक्षण करें। थीम फ़ाइलों में गलत संपादन आपकी साइट के लेआउट या कार्यक्षमता को तोड़ सकते हैं।

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

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

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