AI सर्च बार
आपकी वेबसाइट के लिए एक सर्च बार जो अर्थ समझता है - विज़िटर आपके ज्ञान आधार से उत्पाद और पेज तुरंत खोज लेते हैं
अवलोकन
AI सर्च बार आपकी वेबसाइट के लिए एक स्वतंत्र खोज विजेट है। विज़िटर अपने शब्दों में टाइप करते हैं और जैसे ही वे रुकते हैं, मेल खाते परिणाम बार के नीचे दिखाई देते हैं: आपके रियल-टाइम डेटा फ़ीड से उत्पाद छवि और कीमत वाले कार्ड के रूप में, और आपके ज्ञान आधार से पेज शीर्षक, छोटे पूर्वावलोकन और लिंक के साथ। चूँकि यह सिर्फ़ सटीक कीवर्ड से नहीं बल्कि अर्थ से खोजता है, विवरण टाइप करने वाला विज़िटर भी सही चीज़ ढूँढ लेता है।
यह आपके चैटबॉट वाले उसी ज्ञान आधार का उपयोग करता है, इसलिए इंडेक्स या मेंटेन करने के लिए कुछ अतिरिक्त नहीं है। दोनों विजेट स्वतंत्र हैं: केवल सर्च बार, केवल चैट विजेट, या दोनों को एक साथ एक ही पेजों पर उपयोग करें।
इसे अपनी वेबसाइट पर जोड़ना
AI सर्च बार के लिए Standard या उससे ऊपर का प्लान चाहिए। कम प्लान पर बार आपकी साइट पर दिखता तो है, पर कभी कोई परिणाम नहीं देता, इसलिए कुछ न हो तो पहले अपना प्लान जांचें।
आपका विजेट ID डैशबोर्ड के AI सर्च बार पेज पर दिखाया जाता है।
सबसे आसान: जो सर्च बॉक्स पहले से है उसे बदलें
अगर आपकी साइट पर पहले से सर्च बार है - Shopify थीम का सर्च, WordPress सर्च फॉर्म, या आपका अपना - तो कुछ रखने या थीम बदलने की जरूरत नहीं। स्क्रिप्ट टैग में data-replace जोड़ें और विजेट आपका मौजूदा सर्च फॉर्म ढूंढकर छिपा देगा और ठीक उसी जगह दिखेगा:
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>
यह स्क्रिप्ट पेज पर कहीं भी रह सकती है, इसलिए हेडर या फुटर में कोड जोड़ने वाला कोई भी प्लगइन काम करेगा। बिना कोई परिणाम चुने Enter दबाने पर आपका पुराना सर्च रिजल्ट पेज ही खुलेगा, यानी आगंतुकों की जानी-पहचानी चीज बंद नहीं होती। किसी असामान्य थीम में स्वतः पहचान गलत तत्व चुन ले तो auto की जगह CSS सेलेक्टर दें, जैसे data-replace=".header-search"। कुछ भी मेल न खाए तो विजेट आपका पेज वैसा ही छोड़ देता है।
खुद जगह देना
अगर आपके पास अभी सर्च बार नहीं है, या आप उसे किसी खास जगह चाहते हैं, तो दोनों लाइनें वहां चिपकाएं जहां बार दिखना चाहिए - जैसे हेडर में लोगो के पास। बार उस तत्व की पूरी चौड़ाई लेता है जिसमें आप उसे रखते हैं, और इसके लिए आमतौर पर थीम टेम्पलेट संपादित करना पड़ता है।
<div data-asyntai-search></div>
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" async></script>
अगर कुछ काम न करे
- कोई बार दिखता ही नहीं। जांचें कि स्क्रिप्ट में विजेट ID डैशबोर्ड के AI सर्च बार पेज वाले ID से मेल खाता है, और कोड वाकई प्रकाशित पेज पर है, सिर्फ ड्राफ्ट या प्रीव्यू में नहीं।
- बार दिखता है पर कभी परिणाम नहीं देता। लगभग हमेशा वजह प्लान होती है: सर्च Standard और उससे ऊपर चलता है। मासिक AI उत्तर सीमा खत्म होने पर भी यही दिखता है।
- पेज मिलते हैं पर उत्पाद नहीं। उत्पाद Real-Time Data Feed से आते हैं। AI सर्च बार पेज पर एक जोड़ें, और देखें कि उस पेज पर फीड स्रोत का चेकबॉक्स चुना हुआ है।
- किसी भी सर्च पर कुछ नहीं मिलता। शायद आपका नॉलेज बेस अब भी खाली है। पहले अपनी वेबसाइट क्रॉल करें या डैशबोर्ड में सामग्री जोड़ें, फिर दोबारा कोशिश करें।
- data-replace को आपका सर्च बॉक्स नहीं मिला। कुछ थीम खोज को बटन या पॉप-अप के पीछे छिपाती हैं। auto की जगह उस तत्व का CSS सेलेक्टर दें, और पेज को थीम एडिटर के बजाय सामान्य ब्राउज़र विंडो में देखें।
खोज स्रोत
आपके डैशबोर्ड में AI सर्च बार पेज पर दो चेकबॉक्स नियंत्रित करते हैं कि खोज क्या उपयोग कर सकती है: वेबसाइट पेज (क्रॉल किए गए पेज और जोड़े गए URL) और आपका रियल-टाइम डेटा फ़ीड। दोनों डिफ़ॉल्ट रूप से चालू हैं। फ़ीड केवल उत्पादों तक सीमित नहीं है - वहाँ आप जो भी इंडेक्स करते हैं, जैसे लेख या लिस्टिंग, परिणाम के रूप में दिख सकता है। परिवर्तन आपकी साइट पर तुरंत लागू होता है।
उत्पाद परिणामों के लिए एक कनेक्ट किया गया डेटा फ़ीड ज़रूरी है। दोनों तरह की फ़ीड काम करती हैं: Standard plan और उससे ऊपर पर रियल-टाइम डेटा फ़ीड, और Pro पर रियल-टाइम डेटा फ़ीड मैक्स। फ़ीड के बिना भी खोज काम करती है, बस वह केवल आपकी वेबसाइट के पेज लौटाती है, और डैशबोर्ड पेज फ़ीड को कनेक्ट न होने के रूप में चिह्नित करता है ताकि आपको पता चले कि उत्पाद क्यों नहीं दिख रहे।
खोज एनालिटिक्स
आपके डैशबोर्ड में AI सर्च बार पेज पिछले 30 दिनों की खोजें दिखाता है: कितनी खोजें हुईं, कितनों में कुछ नहीं मिला, और आगंतुक ने कितनी बार कोई परिणाम खोला। दो तालिकाएँ आपकी सबसे बार-बार होने वाली खोजें और वे खोजें दिखाती हैं जिनमें कुछ नहीं मिला। दूसरी तालिका ज़्यादा उपयोगी है, क्योंकि वह ठीक-ठीक बताती है कि आगंतुक क्या उम्मीद करते हैं और उन्हें क्या नहीं मिलता।
रिकॉर्डिंग डिफ़ॉल्ट रूप से चालू रहती है और आप इसे उसी पेज पर एक चेकबॉक्स से बंद कर सकते हैं। बंद होने पर कोई भी खोज टेक्स्ट संग्रहित नहीं होता और तालिकाएँ अपडेट होना बंद कर देती हैं, जबकि खोज खुद पहले की तरह ही काम करती रहती है।
डैशबोर्ड पेज पर आपकी अपनी खोजें कभी नहीं गिनी जातीं। शून्य संग्रहण मोड वाली वेबसाइटें खोज का कोई पाठ दर्ज नहीं करतीं, और यदि आप डेटा प्रतिधारण नीति सेट करते हैं, तो खोज रिकॉर्ड उसी समय-सारणी पर हटा दिए जाते हैं जिस पर आपकी बातचीत।
परिणाम कैसे दिखते हैं
आपके डैशबोर्ड के AI Search Bar पेज पर दो सेटिंग्स बार और उसके परिणामों का रूप बदलती हैं। दोनों चुनते ही सहेजी जाती हैं और किसी में कोड बदलने की जरूरत नहीं।
उत्पाद परिणाम विवरण
हर उत्पाद के नाम के नीचे बार आपकी डेटा फ़ीड से विवरण की एक पंक्ति दिखा सकता है। यह मददगार है या नहीं, यह पूरी तरह इस पर निर्भर है कि फ़ीड में क्या है। यात्रा फ़ीड जो यात्रा की अवधि और बची सीटें बताती है, दिखाने लायक है। जिस फ़ीड में केवल विशेषताओं की सूची हो, वह डेटाबेस डंप जैसी लगती है।
तो चुनाव आपका है: केवल नाम, एक पंक्ति, या दो पंक्तियाँ। एक पंक्ति डिफ़ॉल्ट है और अधिकांश फ़ीड के लिए उपयुक्त है, क्योंकि यह सूची को भरे बिना दो समान उत्पादों में अंतर बताने के लिए पर्याप्त है। यह केवल उत्पाद परिणामों को प्रभावित करता है - पेज परिणाम हमेशा वही टेक्स्ट दिखाता है जो विज़िटर की खोज से मेल खाता है।
बार का आकार
बार तीन ऊंचाइयों में आती है: संकरे हेडर के लिए 38 पिक्सेल कॉम्पैक्ट, डिफ़ॉल्ट 44 पिक्सेल, और खोज-केंद्रित पेज के लिए 52 पिक्सेल बड़ी। टेक्स्ट का आकार भी उसी के साथ बदलता है।
चौड़ाई हम कभी तय नहीं करते। बार हमेशा उस एलिमेंट को भरता है जिसमें आप उसे रखते हैं, इसलिए चौड़ाई आपके अपने लेआउट से नियंत्रित होती है। परिणाम पैनल अपने आप बार से मेल खाता है।
आकार बदलने के बाद अपना एम्बेड कोड दोबारा कॉपी करें। नया कोड आकार अपने साथ रखता है, इसलिए पेज लोड होते ही बार सही रहता है। यदि आप दोबारा कॉपी नहीं करते, तब भी बार अपना आकार बदल लेता है, पर केवल पहली खोज चलने के बाद।
जब खोज में कुछ नहीं मिलता
यदि आपका चैट विजेट उसी पेज पर है, तो जब भी किसी खोज का कोई परिणाम नहीं मिलता, सर्च बार सवाल को आपके असिस्टेंट तक पहुँचाने की पेशकश करता है। आगंतुक का सवाल बना रहता है और वह चैट में पहुँच जाता है जहाँ सवाल पहले से टाइप होता है, इसलिए बंद रास्ता एक बातचीत बन जाता है। यह विकल्प तभी दिखता है जब चैट विजेट मौजूद हो।
विकल्प
बार प्लेसहोल्डर, परिणाम शीर्षकों और लोडिंग टेक्स्ट के लिए स्वचालित रूप से आगंतुक के ब्राउज़र की भाषा का उपयोग करता है। इन्हें केवल तभी सेट करें जब आप अपने शब्दों का उपयोग करना चाहते हों।
दोनों शीर्षक डैशबोर्ड के AI सर्च बार पेज से भी बदले जा सकते हैं, कोड बदले बिना। अगर आपके डेटा फीड में उत्पादों की जगह लेख या लिस्टिंग हैं तो यही आसान तरीका है। स्क्रिप्ट टैग पर लगा एट्रिब्यूट फिर भी डैशबोर्ड सेटिंग पर भारी रहता है।
सभी एट्रिब्यूट वैकल्पिक हैं और स्क्रिप्ट टैग पर जाते हैं:
data-placeholder="Search products..."- खाली सर्च बार में दिखाया जाने वाला टेक्स्टdata-accent="#0a7d4f"- फ़ोकस और हाइलाइट रंग, आपके ब्रांड से मेल खाने के लिएdata-max-results="8"- कितने परिणाम दिखाने हैं, 1 से 20data-new-tab="true"- परिणाम नए ब्राउज़र टैब में खोलेंdata-size="sm"- बार की ऊंचाई: sm, md या lg. डैशबोर्ड में तय आकार पर भारी पड़ती हैdata-label-products="Products"- फ़ीड परिणामों के ऊपर शीर्षक, आपकी भाषा में - उदाहरण के लिए अगर आपके फ़ीड में लेख हैं तो लेखdata-label-pages="Pages"- पेज परिणामों के ऊपर शीर्षक, आपकी भाषा मेंdata-label-empty="No results found"- जब कुछ मेल नहीं खाता तब का संदेशdata-label-searching="Searching..."- परिणाम लोड होते समय दिखाया जाने वाला टेक्स्टdata-label-ask-ai="Ask our assistant"- उस विकल्प के शब्द जो असफल खोज को आपके चैटबॉट को सौंप देता हैdata-target=".my-container"- बार को डिफ़ॉल्ट कंटेनर के बजाय इस एलिमेंट के अंदर रेंडर करेंdata-replace="auto"- आपकी थीम में पहले से मौजूद सर्च बार को बदलें, जैसा ऊपर बताया गया है
उपयोग और बिलिंग
विज़िटर की हर खोज आपकी मासिक योजना सीमा से 1 AI उत्तर का उपयोग करती है - वही सीमा जो आपके चैटबॉट के उत्तर उपयोग करते हैं। खोज तब चलती है जब विज़िटर टाइप करना रोकता है, हर अक्षर पर नहीं। आपके डैशबोर्ड में AI सर्च बार पेज पर आपकी अपनी खोजें नहीं गिनी जातीं। जब आपकी मासिक सीमा पूरी हो जाती है, तो सीमा रीसेट होने तक सर्च बार बस कोई परिणाम नहीं दिखाता।
जानने योग्य
- विज़िटर किसी भी भाषा में खोज सकते हैं, भले ही आपकी सामग्री किसी और भाषा में लिखी हो।
- वर्तनी की गलतियाँ और आधे लिखे शब्द भी सही चीज़ ढूँढ लेते हैं, इसलिए ‘जेकेट’ खोजने पर आपकी जैकेट मिल जाती हैं।
- उत्पादों की कीमतें आपकी मुद्रा के चिह्न के साथ दिखाई जाती हैं, जो आपकी फ़ीड में दी गई मुद्रा से ली जाती है।
- कई भाषाओं में मौजूद एक ही पेज एक बार दिखता है - खोज की भाषा से मेल खाने वाली प्रति चुनी जाती है।
- परिणाम आपकी साइट के असली पेज खोलते हैं, इसलिए सर्च बार नेविगेशन के रूप में भी काम करता है।
- विजेट बिना किसी डिपेंडेंसी वाली एक छोटी स्क्रिप्ट है और आपके पेज को धीमा नहीं करती।
- कीबोर्ड नियंत्रण तुरंत काम करते हैं: चलने के लिए ऐरो कुंजियाँ, खोलने के लिए Enter, बंद करने के लिए Escape।