आपकी वेबसाइट के लिए मुफ़्त लोकेशन विजेट
हमारे एम्बेड बिल्डर से एक iframe लाइन कॉपी कीजिए, और आपकी साइट विज़िटर्स को उनकी अपनी लोकेशन दिखाने लगेगी — कोऑर्डिनेट्स, पता और नक्शा — बिना किसी API कुंजी, बिना किसी कुकी और बिना किसी ट्रैकिंग के। यह मुफ़्त है, WordPress, Shopify, Wix, सादे HTML और React पर चलता है, और विज़िटर के कोऑर्डिनेट्स किसी सर्वर तक कभी नहीं भेजता।
अनुमति-आधारित · निजी · Chrome, Safari, Firefox, Edge पर काम करता है
विजेट है क्या — और 30 सेकंड का डेमो
What Is My Location विजेट एक छोटा, अपने आप में पूरा पेज है, जिसे आप iframe के अंदर अपनी साइट में लगा देते हैं। जब कोई विज़िटर मेरी लोकेशन दिखाएँ पर टैप करता है, तो उसका ब्राउज़र अनुमति माँगता है, पोज़िशन उसी के डिवाइस पर निकाली जाती है, और विजेट कई फ़ॉर्मैट में कोऑर्डिनेट्स, रिवर्स जियोकोडिंग से मिला पता और OpenStreetMap का पिन दिखाता है। विज़िटर के बारे में हम कुछ भी नहीं सहेजते — न कुकीज़, न एनालिटिक्स बीकन, न फ़िंगरप्रिंटिंग। आपके विज़िटर्स को ठीक क्या दिखेगा, यह लाइव विजेट पेज पर देखिए, और अपना संस्करण एम्बेड बिल्डर में सेट कीजिए।
एक लाइन में एम्बेड कीजिए
जहाँ आप विजेट दिखाना चाहते हैं, वहाँ यह पेस्ट कीजिए:
<iframe src="https://whatismylocation.ai/widget"
width="100%" height="420" style="border:0;border-radius:12px"
allow="geolocation" title="What is my location"></iframe>allow="geolocation" एट्रिब्यूट ज़रूरी है — इसके बिना ब्राउज़र iframe के अंदर पोज़िशन की माँग रोक देते हैं। ज़्यादातर लेआउट के लिए 380–460 px ऊँचाई ठीक रहती है; विजेट 280 px चौड़ाई तक रिस्पॉन्सिव रहता है।
जो-जो आप सेट कर सकते हैं
एम्बेड बिल्डर आपके लिए URL बना देता है, पर पैरामीटर इतने आसान हैं कि हाथ से भी लिखे जा सकते हैं: अपनी साइट से मेल खाने के लिए ?theme=dark या light (इसे छोड़ दें तो विजेट विज़िटर के सिस्टम की सेटिंग अपनाता है), फ़ुट/मील के लिए &units=imperial, और स्थानीय भाषा में लेबल के लिए &lang=es (या हमारी 35 भाषाओं में से कोई भी)। उदाहरण: /widget?theme=dark&lang=hi डार्क विजेट हिंदी में दिखाता है। पैरामीटर आपस में कैसे भी जोड़े जा सकते हैं और इसके अलावा कुछ नहीं चाहिए — न कुंजी, न अकाउंट, न कोटा।
WordPress, Shopify, Wix, React
- WordPress: हमारा छोटा-सा WP प्लगइन लगाइए (यह
[whatismylocation]शॉर्टकोड जोड़ता है), या iframe को Custom HTML ब्लॉक में पेस्ट कर दीजिए। - Shopify / Wix / Squarespace: हर बिल्डर में कोई न कोई “embed / custom HTML” एलिमेंट होता है — वहीं वही iframe लाइन पेस्ट कर दीजिए।
- React / Vue / Svelte: iframe को सीधे रेंडर कीजिए; यह स्टेटलेस है, इसलिए lifecycle संभालने की कोई ज़रूरत नहीं।
- AMP या ईमेल: वहाँ जियोलोकेशन वाले iframe चलते ही नहीं — इसके बजाय पूरे पेज का लिंक दे दीजिए।
लोकेशन विजेट कौन लगाता है — असली इस्तेमाल
- डिलीवरी और लॉजिस्टिक्स के पेज: ग्राहक चेकआउट से पहले मुश्किल से मिलने वाले पतों के सटीक कोऑर्डिनेट्स ले सकते हैं।
- ट्रैवल और आउटडोर ब्लॉग: पाठक देख लेते हैं कि वे आपके बताए ट्रेल-हेड और रूट मैप से कहाँ हैं।
- इवेंट और वेन्यू की साइटें: “मैं कितनी दूर हूँ?” — वह भी कोई ऐप इंस्टॉल कराए बिना।
- फ़ील्ड-वर्क और सर्वे टीमें: एक बुकमार्क करने लायक पेज, जो किसी भी फ़ोन पर GPS कोऑर्डिनेट्स पढ़कर बता देता है।
- IT हेल्प डेस्क: सपोर्ट कॉल के दौरान दूर बैठे यूज़र की अनुमानित लोकेशन और टाइम ज़ोन फटाफट पक्का कर लीजिए।
एम्बेड करना सुरक्षित क्यों है — प्राइवेसी का डिज़ाइन
जियोलोकेशन पूरी तरह विज़िटर के ब्राउज़र में होती है और सिर्फ़ उनके साफ़ टैप से चलती है, इसलिए विजेट एम्बेड करने से आपके सिर पर GDPR वाली प्रोसेसिंग की सिरदर्दी नहीं आती: विजेट के लिए कोई कंसेंट बैनर ज़रूरी नहीं, क्योंकि यह कोई कुकी सेट नहीं करता और कोई थर्ड-पार्टी ट्रैकर नहीं चलाता। रिवर्स जियोकोड लुकअप हमारे सर्वर से होकर जाता है, पर कोऑर्डिनेट्स सहेजे नहीं जाते; हमारी प्राइवेसी गाइड में पूरा डेटा फ़्लो लिखा है; और इस साइट पर सिर्फ़ विजेट ही ऐसा पेज है जिसे फ़्रेम के अंदर दिखाने की छूट है — यानी आपके यूज़र्स को क्लिकजैक करके किसी और टूल में नहीं ले जाया जा सकता। आगे चलकर UI के बजाय प्रोग्राम से पहुँच चाहिए, तो वही गारंटियाँ मुफ़्त डेवलपर API पर भी लागू होती हैं।
विजेट या API — आपको कौन-सा चाहिए?
| विजेट (iframe) | डेवलपर API | |
|---|---|---|
| सेटअप | एक HTML लाइन | API कुंजी (मुफ़्त) + एक fetch कॉल |
| UI साथ में | हाँ — नक्शा, फ़ॉर्मैट, पता | नहीं — सिर्फ़ JSON, UI आप बनाते हैं |
| विज़िटर की अनुमति | विजेट खुद संभालता है | ब्राउज़र की जियोलोकेशन API आप खुद कॉल करते हैं |
| किसके लिए सबसे अच्छा | कंटेंट साइटें, दुकानें, ब्लॉग | ऐप्स, डैशबोर्ड, ऑटोमेशन |
| क़ीमत | मुफ़्त | मुफ़्त टियर, खुली सीमाएँ |
शुरुआत विजेट से कीजिए; जब अपने कोड के अंदर कच्चे आँकड़े चाहिए हों, तब API पर चले जाइए।
चरण-दर-चरण
- एम्बेड बिल्डर खोलें और अपनी साइट के लिए थीम, यूनिट और भाषा चुनें।
- जनरेट हुई iframe लाइन कॉपी करें (इसमें पहले से ही allow="geolocation" शामिल है)।
- इसे अपने पेज में पेस्ट करें — Custom HTML ब्लॉक, शॉर्टकोड, या JSX में।
- पब्लिश करें और फ़ोन पर टेस्ट करें: “Show my location” पर टैप करें और देखें कि अनुमति वाला पॉपअप दिख रहा है।
अक्सर पूछे जाने वाले सवाल
क्या विजेट के लिए कुकी बैनर लगाना पड़ेगा?
मेरी साइट पर विजेट का लोकेशन बटन काम क्यों नहीं कर रहा?
क्या विजेट की थीम और भाषा बदली जा सकती है?
अंग्रेज़ी में देखें: Free Location Widget for Your Website · हिन्दी