रेस्पॉन्सिव एम्बेड कोड जनरेटर (YouTube, Vimeo, Maps, Calendly) | We.Inc
YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom या Google Forms का लिंक पेस्ट करें और सुलभ शीर्षक वाला रेस्पॉन्सिव, मांग पर लोड होने वाला iframe कोड, लाइव प्रीव्यू और हर सेवा की निजता जानकारी पाएं।
समर्थित सेवा का लिंक पेस्ट करें, आस्पेक्ट अनुपात चुनें और एम्बेड को शीर्षक दें। आपको ऐसा iframe कोड मिलता है जो हर स्क्रीन चौड़ाई में ढलता है, विज़िटर के पास स्क्रोल करने पर ही लोड होता है और स्क्रीन रीडर के लिए शीर्षक रखता है। लाइव प्रीव्यू नतीजा दिखाता है और हर सेवा की जानकारी बताती है कि वह क्या ट्रैक कर सकती है और निजता-सुरक्षित विकल्प है या नहीं। सब कुछ आपके ब्राउज़र में चलता है। आपकी लिखी या अपलोड की कोई चीज़ We.Inc या किसी और को नहीं भेजी जाती।
लिंक पेस्ट करें: YouTube या Vimeo वीडियो, Google Maps एम्बेड लिंक, Calendly बुकिंग पेज, Spotify ट्रैक या प्लेलिस्ट, Loom वीडियो अथवा Google Form।
टूल सेवा को पहचानकर लिंक को उसके आधिकारिक एम्बेड पते में बदलता है। जो लिंक पहचाने नहीं जाते, उनका अनुमान लगाने के बजाय उन्हें अस्वीकार किया जाता है।
आस्पेक्ट अनुपात चुनें: वीडियो 16:9। अन्य विकल्प 4:3, 1:1 हैं। बुकिंग पेज और फ़ॉर्म के लिए तय ऊंचाई चुनें और एम्बेड का शीर्षक लिखें।
लोड होने का तरीका चुनें। मांग पर लोड होना डिफ़ॉल्ट रूप से चालू है, ताकि एम्बेड पेज का पहला दृश्य धीमा न करे।
लाइव प्रीव्यू जांचें, फिर HTML कॉपी करें। सेवा की जानकारी बताती है कि निजता या कुकी सूचना में क्या लिखें।
हर iframe को उसकी सामग्री बताने वाला शीर्षक दें, जैसे “किंग स्ट्रीट की हमारी दुकान का नक्शा”। स्क्रीन रीडर इसे पढ़कर सुनाते हैं।
YouTube वीडियो के लिए youtube-nocookie.com इस्तेमाल करें। विज़िटर के चलाएं दबाने तक यह YouTube कुकीज़ सेट होने से बचाता है।
भारी एम्बेड को पहले दृश्य से नीचे रखें या मांग पर लोड करें; हर एम्बेड दूसरी साइट का पूरा पेज लोड करता है।
बुकिंग विजेट, चैट विजेट और फ़ॉर्म सेवा के उत्पाद हैं, आपकी वेबसाइट के नहीं। उन पर उनकी शर्तें और डेटा प्रबंधन नियम लागू होते हैं।
Google Maps के लिए Share, फिर Embed a map चुनें और src के अंदर का पता कॉपी करें। सामान्य मैप लिंक एम्बेड नहीं किया जा सकता।
अक्सर पूछे जाने वाले सवाल
iframe को रेस्पॉन्सिव कैसे बनाऊं?
इसे ऐसे कंटेनर में रखें जिसका aspect-ratio (जैसे 16 / 9) और width: 100% हो, फिर iframe को पूरा कंटेनर भरने दें। पुरानी साइटों में padding-top तरकीब इस्तेमाल होती थी; मौजूदा सभी ब्राउज़र aspect-ratio समर्थन करते हैं। यह टूल आधुनिक तरीका देता है।
कौन-सी सेवाएं समर्थित हैं?
YouTube (Shorts और youtu.be लिंक सहित), Vimeo, Google Maps एम्बेड लिंक, Calendly, Spotify, Loom और Google Forms। सबके एम्बेड पते दर्ज हैं। अन्य लिंक अस्वीकार होते हैं, ताकि टूल काम न करने वाला कोड न दे।
क्या मांग पर लोड करने से एम्बेड प्रभावित होता है?
नहीं। loading="lazy" ब्राउज़र को iframe तभी लाने के लिए कहता है जब वह पेज के दिख रहे हिस्से के पास हो। वहां तक स्क्रोल करने वाले विज़िटर को यह सामान्य रूप से लोड होता दिखेगा।
क्या We.Inc बुकिंग या चैट सेवा देता है?
नहीं। Calendly और ऐसे अन्य टूल अलग सेवाएं हैं, जिनमें आपको सीधे साइन अप करना होगा। यह टूल सिर्फ़ उनके विजेट को आपके पेज पर दिखाने का कोड बनाता है।
मेरा Google Maps लिंक काम क्यों नहीं करता?
सामान्य maps.google.com और goo.gl लिंक एम्बेड करने से रोकते हैं। Google Maps में जगह खोलें, Share और फिर Embed a map चुनें, और दिखाए गए कोड के src हिस्से का पता पेस्ट करें।
हर एम्बेड से विज़िटर पर क्या असर पड़ता है
एम्बेड दूसरी कंपनी के पेज की एक छोटी खिड़की है। यह उनके स्क्रिप्ट लोड करता है, उनकी कुकीज़ सेट कर सकता है और आपके पेज का भार बढ़ाता है। यह अक्सर उपयोगी होता है, पर सोच-समझकर चुनें: पहले दृश्य से नीचे वाले एम्बेड मांग पर लोड करें, जहां उपलब्ध हो निजता-सुरक्षित मोड लें और निजता सूचना में तीसरे पक्ष के एम्बेड का ज़िक्र करें।
सुलभ एम्बेड
स्क्रीन रीडर iframe का शीर्षक पढ़कर सुनाते हैं। शीर्षक न हो तो विज़िटर को सिर्फ़ “फ़्रेम” सुनाई देता है। साफ़ शीर्षक, एम्बेड के नीचे उसी सामग्री का टेक्स्ट लिंक और वीडियो के कैप्शन से हर कोई एम्बेड की सामग्री इस्तेमाल कर सकता है।