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

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

अपनी Kentico वेबसाइट के सभी पृष्ठों पर एक साथ चैटबॉट जोड़ने के लिए, मास्टर पेज टेम्पलेट विधि का उपयोग करें:

अपने Kentico एडमिन में लॉग इन करें और पेज टेम्पलेट एप्लिकेशन पर नेविगेट करें
अपनी मास्टर पेज टेम्पलेट खोजें और खोलें (सभी पृष्ठों पर उपयोग की जाने वाली टेम्पलेट)
टेम्पलेट एडिटर में हेडर टैब पर क्लिक करें
हेडर अनुभाग में, अपना Asyntai एम्बेड कोड पेस्ट करें
वैकल्पिक रूप से, क्लोज़िंग </head> टैग से पहले टेम्पलेट के लेआउट में कोड जोड़ें
परिवर्तन लागू करने के लिए सहेजें पर क्लिक करें
अपनी साइट का कैश साफ़ करें और लाइव साइट पर बदलावों की पुष्टि करें

सुझाव: मास्टर पेज टेम्पलेट का उपयोग सुनिश्चित करता है कि चैटबॉट इस टेम्पलेट से विरासत में मिलने वाले हर पृष्ठ पर दिखाई दे। Kentico में साइट-व्यापी डिप्लॉयमेंट के लिए यह सबसे कुशल विधि है।

वैकल्पिक विधि 1: पेज टेम्पलेट हेडर

यदि आप केवल विशिष्ट पेज टेम्पलेट पर चैटबॉट जोड़ना चाहते हैं:

Kentico एडमिन में पेज टेम्पलेट एप्लिकेशन पर जाएँ
वह विशिष्ट पेज टेम्पलेट चुनें जिसे आप संपादित करना चाहते हैं
हेडर टैब पर क्लिक करें
स्क्रिप्ट टैग का उपयोग करके अपना 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>

सहेजें पर क्लिक करें
इस टेम्पलेट का उपयोग करने वाले सभी पृष्ठों में अब चैटबॉट शामिल होगा

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

वैकल्पिक विधि 2: HEAD HTML वेब पार्ट

विशिष्ट पृष्ठों पर अधिक विस्तृत नियंत्रण के लिए या उप-पृष्ठों में विरासत योग्य JavaScript के लिए:

Kentico पेज एडिटर में वह पृष्ठ खोलें जिसे आप संपादित करना चाहते हैं
पृष्ठ पर एक नया वेब पार्ट जोड़ें (अधिमानतः विरासत के लिए मूल पृष्ठ में)
HEAD HTML वेब पार्ट खोजें और चुनें
वेब पार्ट कॉन्फ़िगरेशन में, अपना Asyntai एम्बेड कोड पेस्ट करें
यदि आप चाहते हैं कि चाइल्ड पृष्ठों पर भी चैटबॉट हो तो वेब पार्ट को विरासत योग्य बनने के लिए कॉन्फ़िगर करें
वेब पार्ट सहेजने के लिए OK पर क्लिक करें
पृष्ठ सहेजें और प्रकाशित करें

सुझाव: HEAD HTML वेब पार्ट मूल पृष्ठ पर कोड जोड़ने के लिए एकदम सही है जो स्वचालित रूप से सभी चाइल्ड पृष्ठों पर प्रसारित होगा, जिससे अनुभाग-व्यापी इंस्टॉलेशन बनता है।

वैकल्पिक विधि 3: कस्टम JavaScript फ़ाइलें (उन्नत)

उन डेवलपर्स के लिए जो स्क्रिप्ट को फ़ाइलों के रूप में प्रबंधित करना पसंद करते हैं:

अपने Kentico प्रोजेक्ट में, ~/CMSScripts/Custom/ डायरेक्टरी पर नेविगेट करें
एक नई JavaScript फ़ाइल बनाएँ (जैसे, asyntai-widget.js)
अपना Asyntai विजेट गतिशील रूप से लोड करने के लिए कोड जोड़ें:

(function() {
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
})();

अपनी मास्टर पेज टेम्पलेट के हेडर में इस फ़ाइल का संदर्भ दें:

<script src="~/CMSScripts/Custom/asyntai-widget.js"></script>

महत्वपूर्ण: यह उन्नत विधि फ़ाइल सिस्टम तक पहुँच और Kentico की डायरेक्टरी संरचना का ज्ञान आवश्यक करती है। सुनिश्चित करें कि आपके पास उचित अनुमतियाँ हैं और हमेशा पहले स्टेजिंग वातावरण में परीक्षण करें।

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

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

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