WordPress में Google Form कैसे एम्बेड करें
त्वरित उत्तर: अपने Google Form में, Send पर क्लिक करें, एम्बेड आइकन चुनें, और iframe कोड कॉपी करें। WordPress में, एडिटर में एक Custom HTML ब्लॉक जोड़ें और कोड को सीधे पेस्ट करें। यदि सेव करने के बाद फ़ॉर्म नहीं दिखता, तो आपका WordPress सेटअप iframes हटा रहा हो सकता है — एक प्लगइन जो कच्चे HTML एम्बेड की अनुमति देता है इसे ठीक करता है।
Google Form को सीधे WordPress पेज या पोस्ट में एम्बेड करना विज़िटर्स को आपकी साइट पर रखता है, बजाय उन्हें एक अलग forms.google.com लिंक पर भेजने के। यह तंत्र सरल है — यह वही iframe एम्बेड कोड है जो Google किसी भी वेबसाइट के लिए देता है — लेकिन WordPress में इसे पेस्ट करने से पहले जानने योग्य कुछ खासियतें हैं। यह गाइड WordPress-विशिष्ट चरणों को कवर करती है; किसी भी प्लेटफ़ॉर्म पर सामान्य एम्बेडिंग प्रक्रिया के लिए, हमारी वेबसाइट पर Google Form एम्बेड करने की गाइड देखें।
चरण 1: Google Forms से एम्बेड कोड प्राप्त करें
जिस फ़ॉर्म को आप एम्बेड करना चाहते हैं उसे खोलें और ऊपरी-दाएं कोने में Send पर क्लिक करें। Send डायलॉग में, लिंक और ईमेल आइकन के बगल में एम्बेड आइकन पर क्लिक करें — यह < > जैसा दिखता है। Google एक iframe टैग जनरेट करता है, और आप इसे कॉपी करने से पहले उसी डायलॉग में डिफ़ॉल्ट चौड़ाई और ऊंचाई समायोजित कर सकते हैं। पूरा HTML स्निपेट पाने के लिए Copy पर क्लिक करें।
चरण 2: WordPress में एक Custom HTML ब्लॉक जोड़ें
WordPress ब्लॉक एडिटर में, वह पेज या पोस्ट खोलें जहां आप फ़ॉर्म दिखाना चाहते हैं। एक नया ब्लॉक जोड़ने के लिए + पर क्लिक करें, Custom HTML खोजें, और इसे चुनें। Google Forms से कॉपी किए गए iframe कोड को सीधे उस ब्लॉक में पेस्ट करें — जब तक आप आकार समायोजित न करना चाहें, इसे बदलने की ज़रूरत नहीं है। सेव करने से पहले यह जांचने के लिए कि यह रेंडर होता है, ब्लॉक के Preview टैब (ब्लॉक के अंदर HTML टैब के बगल में) का उपयोग करें।
जब iframe हटा दिया जाता है: ऐसे फ़ॉर्म को ठीक करना जो नहीं दिखेगा
कुछ WordPress कॉन्फ़िगरेशन में, आपके सेव या प्रकाशित करने के बाद फ़ॉर्म बस दिखाई नहीं देता, भले ही आपने कोड सही ढंग से पेस्ट किया हो। यह आमतौर पर तब होता है जब एक सुरक्षा प्लगइन या एक कठोर होस्टिंग सेटअप पोस्ट कंटेंट से कच्चे iframe टैग को फ़िल्टर करता है, क्योंकि यदि अविश्वसनीय स्रोतों से अनियंत्रित छोड़ दिया जाए तो iframes सुरक्षा जोखिम हो सकते हैं। यदि आपके साथ ऐसा होता है, तो सामान्यतः समाधान यह है कि एक सरल, अच्छी तरह समीक्षित WordPress प्लगइन खोजें जिसका विशिष्ट काम कंटेंट फ़िल्टर के माध्यम से iframe या शॉर्टकोड-आधारित एम्बेड की अनुमति देना है — "iframe" या "embed" प्लगइन के लिए WordPress प्लगइन डायरेक्टरी खोजें और किसी को इंस्टॉल करने से पहले समीक्षाएं और हालिया अपडेट जांचें, क्योंकि हमने यहां किसी विशिष्ट प्लगइन का परीक्षण या समर्थन नहीं किया है। वैकल्पिक रूप से, जांचें कि क्या आपके मौजूदा सुरक्षा प्लगइन में iframe जैसे विशिष्ट HTML टैग की अनुमति देने के लिए कोई सेटिंग है।
चरण 3: अपने फ़ॉर्म को काटने वाले स्क्रॉलबार को ठीक करें
Google की डिफ़ॉल्ट एम्बेड ऊंचाई अक्सर कुछ प्रश्नों से अधिक के लिए बहुत कम होती है, जिसका मतलब है कि उत्तरदाताओं को पूरा फ़ॉर्म देखने की बजाय एक छोटे बॉक्स में निचोड़ा हुआ आंतरिक स्क्रॉलबार मिलता है। Custom HTML ब्लॉक खोलें, iframe टैग में height="…" एट्रिब्यूट खोजें, और संख्या बढ़ाएं — एक लंबे फ़ॉर्म के लिए, इसे डिफ़ॉल्ट से काफी ऊपर सेट करने से न डरें, क्योंकि नीचे अतिरिक्त खाली जगह विज़िटर के लिए एक तंग स्क्रॉलिंग विंडो से कहीं कम कष्टप्रद है। इसका कोई सटीक फ़ॉर्मूला नहीं है; सही ऊंचाई इस बात पर निर्भर करती है कि आपके कितने प्रश्न हैं, इसलिए तब तक समायोजित करें और पूर्वावलोकन करें जब तक कि पूरा फ़ॉर्म बिना अपने स्क्रॉलबार के दिखाई न दे।
मोबाइल रिस्पॉन्सिवनेस थीम के अनुसार भिन्न होती है
एक एम्बेड किया गया Google Form खुद रिस्पॉन्सिव है, लेकिन यह आपके WordPress थीम के लेआउट के अंदर कैसे बैठता है यह थीम पर निर्भर करता है — कुछ थीम एम्बेड किए गए iframes को अपनी कंटेंट चौड़ाई के भीतर अच्छी तरह सीमित करती हैं, जबकि अन्य फोन स्क्रीन पर एक निश्चित-चौड़ाई वाले iframe को पेज से बाहर बहने देती हैं। क्योंकि यह थीम और पेज बिल्डर के अनुसार इतना भिन्न होता है, केवल डेस्कटॉप पूर्वावलोकन पर भरोसा न करें: काम पूरा हुआ मानने से पहले प्रकाशित पेज को एक वास्तविक फोन पर खोलें और एम्बेड किए गए फ़ॉर्म के माध्यम से स्क्रॉल करें।
कब केवल लिंक करें बजाय एम्बेड करने के
जब आप चाहते हैं कि फ़ॉर्म पेज का हिस्सा जैसा महसूस हो तो एम्बेडिंग बढ़िया है, लेकिन यह हमेशा ज़रूरी नहीं होता। यदि आपको बस विज़िटर्स से फ़ॉर्म भरवाना है और उन्हें अपनी WordPress साइट पर रखने की परवाह नहीं है, तो एक साधारण लिंक सरल है, इसमें कोई iframe-हटाए जाने का जोखिम नहीं है, और यह आपके थीम की सीमाओं के अंदर की बजाय Google के अपने मोबाइल-अनुकूलित लेआउट में फ़ॉर्म खोलता है। विभिन्न लिंक और QR कोड विकल्पों के लिए हमारी Google Form साझा करने की गाइड देखें।
त्वरित चेकलिस्ट
- iframe कोड कॉपी करें अपने Google Form में Send > Embed से।
- Custom HTML ब्लॉक का उपयोग करें, नियमित पैराग्राफ या एम्बेड ब्लॉक का नहीं, WordPress एडिटर में।
- यदि सेव करने के बाद फ़ॉर्म गायब हो जाए, ऐसा प्लगइन खोजें जो iframe एम्बेड की अनुमति देता है, या अपने सुरक्षा प्लगइन की HTML फ़िल्टरिंग सेटिंग्स जांचें।
- ऊंचाई मान बढ़ाएं यदि कोई स्क्रॉलबार फ़ॉर्म के निचले हिस्से को काट रहा है।
- हमेशा एक वास्तविक फोन पर टेस्ट करें एम्बेड को पूरा मानने से पहले — थीम व्यवहार इतना अलग होता है कि केवल डेस्कटॉप पूर्वावलोकन पर भरोसा नहीं किया जा सकता।
अक्सर पूछे जाने वाले प्रश्न
मुझे Google Form का एम्बेड कोड कैसे मिलेगा?
अपना फ़ॉर्म खोलें, Send पर क्लिक करें, एम्बेड (< >) आइकन चुनें, यदि चाहें तो चौड़ाई और ऊंचाई समायोजित करें, फिर iframe HTML कोड कॉपी करने के लिए Copy पर क्लिक करें।
Google Form एम्बेड करने के लिए मुझे कौन सा WordPress ब्लॉक उपयोग करना चाहिए?
ब्लॉक एडिटर में Custom HTML ब्लॉक का उपयोग करें। एक नया ब्लॉक जोड़ें, "Custom HTML" खोजें, और Google द्वारा दिया गया iframe कोड सीधे उसमें पेस्ट करें।
मैंने WordPress में एम्बेड कोड पेस्ट किया लेकिन मेरा Google Form क्यों नहीं दिखता?
कुछ WordPress कॉन्फ़िगरेशन और सुरक्षा प्लगइन सुरक्षा कारणों से कंटेंट से कच्चे iframe टैग हटा देते हैं। यदि सेव करने के बाद आपका फ़ॉर्म गायब हो जाता है, तो एक सरल, अच्छी तरह समीक्षित प्लगइन खोजें जो स्पष्ट रूप से iframes या शॉर्टकोड एम्बेड की अनुमति देता है, और अपने सुरक्षा प्लगइन की सेटिंग्स में HTML फ़िल्टरिंग विकल्प जांचें।
मेरे एम्बेड किए गए फ़ॉर्म को स्क्रॉलबार क्यों काट रहा है?
iframe की डिफ़ॉल्ट ऊंचाई अक्सर लंबे फ़ॉर्म के लिए बहुत कम होती है। पूरा फ़ॉर्म बिना अपने आंतरिक स्क्रॉलबार के फिट होने तक एम्बेड कोड में ऊंचाई मान बढ़ाएं।