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

Google Sites के लिए चरण-दर-चरण मार्गदर्शिका

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

चरण 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: एम्बेड सुविधा का उपयोग करके कोड जोड़ें

Google Sites कस्टम HTML और JavaScript कोड जोड़ने के लिए एम्बेड सुविधा का उपयोग करता है:

कंप्यूटर पर, अपनी साइट Google Sites में खोलें
उस पृष्ठ पर नेविगेट करें जहाँ आप चैटबॉट जोड़ना चाहते हैं
दाईं ओर के पैनल में "Insert" पर क्लिक करें
विकल्पों से "एम्बेड" चुनें
शीर्ष पर "एम्बेड कोड" टैब पर क्लिक करें
टेक्स्ट बॉक्स में अपना Asyntai एम्बेड कोड पेस्ट करें
यह कैसा दिखेगा इसका पूर्वावलोकन करने के लिए \"अगला\" पर क्लिक करें
अपने पृष्ठ पर कोड जोड़ने के लिए "सम्मिलित करें" पर क्लिक करें
अपने परिवर्तन लाइव करने के लिए शीर्ष दाएँ में \"Publish\" पर क्लिक करें

सुझाव: Google Sites एम्बेड को iframe में रैप करता है, इसलिए चैटबॉट ब्राउज़र कोने पर फिक्स्ड होने के बजाय एम्बेड क्षेत्र के अंदर दिखाई देगा। सर्वोत्तम अनुभव के लिए, एम्बेड एलिमेंट को अपनी पृष्ठ सामग्री के सबसे नीचे रखें ताकि चैटबॉट बटन आसानी से मिल सके।

कई पृष्ठों पर जोड़ना

अपनी Google साइट पर कई पृष्ठों पर चैटबॉट जोड़ने के लिए:

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

नोट: Google Sites में पूरी साइट पर लागू होने वाले कोड के लिए कोई एक जगह नहीं है। जिस भी पेज पर आप चैटबॉट दिखाना चाहते हैं, उस पर एम्बेड कोड जोड़ें।

Google Sites एम्बेडेड कोड कैसे संभालता है

यह समझना कि Google Sites आपका कोड कैसे प्रोसेस करता है:

Google Sites आपके कोड को एक <iframe> एलिमेंट के अंदर दिखाता है
JavaScript <script> टैग के भीतर होना चाहिए (जो आपका Asyntai कोड पहले से शामिल करता है)
आप बाहरी JavaScript फ़ाइलों (जैसे Asyntai विजेट) का संदर्भ दे सकते हैं

महत्वपूर्ण: क्योंकि Google Sites कोड को एक iframe के अंदर दिखाता है, इसलिए कुछ सुविधाएँ अन्य वेबसाइटों की तुलना में अलग तरह से काम कर सकती हैं। Asyntai चैटबॉट को इस iframe के अंदर काम करने के लिए बनाया गया है।

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

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