अपनी वेबसाइट में काउंटडाउन कैसे एम्बेड करें
यदि आप Blogger, WordPress, Drupal या समान कंटेंट मैनेजमेंट या ब्लॉगिंग सॉफ़्टवेयर का उपयोग करते हैं, तो embed code पेस्ट करते समय आपको यह सुनिश्चित करना होगा कि आप अपनी सामग्री HTML mode में संपादित कर रहे हैं।
CountingDownTo.com से काउंटडाउन एम्बेड करना YouTube.com जैसी वेबसाइट से वीडियो एम्बेड करने के समान है।
- अपना काउंटडाउन खोलें। नया बनाने के लिए, पेज के सबसे ऊपर वाले मेनू में वेबसाइट काउंटडाउन पर क्लिक करें। पहले बनाया गया काउंटडाउन ढूंढने के लिए, ऊपर दाएं कोने में खाता आइकन (व्यक्ति वाला आइकन) पर क्लिक करें, फिर मेरे काउंटडाउन पर।
- काउंटडाउन के नीचे एम्बेड पर क्लिक करें।
- बटन के नीचे दिखने वाला कोड कॉपी करें। अगर कोड के पास Copy बटन है, तो आप उसकी जगह उस पर क्लिक कर सकते हैं।
- कोड को अपनी वेबसाइट या ब्लॉग में उस जगह पेस्ट करें जहाँ आप काउंटडाउन दिखाना चाहते हैं।
Notion और Google Sites को कोड की जगह एक लिंक चाहिए। एडिटर वह लिंक कोड के नीचे दिखाता है। Canva को आपके काउंटडाउन का शेयर लिंक चाहिए: पुराने एडिटर में, उसे पाने के लिए पहले साझा करें पर क्लिक करें। नया एडिटर इसे Notion और Google Sites वाले लिंक के नीचे दिखाता है।
यदि आपने इस पेज पर दिए गए निर्देशों का पालन किया है लेकिन अभी भी अपना काउंटडाउन एम्बेड करने में असमर्थ हैं, तो कृपया सहायता के लिए हमसे संपर्क करें।
कौन-से प्लेटफ़ॉर्म लाइव काउंटडाउन एम्बेड कर सकते हैं?
अधिकांश ऐसी साइटें जो custom HTML या iframe URL पेस्ट करने देती हैं, आपका काउंटडाउन लाइव और टिक करता हुआ दिखाएंगी। कुछ page-builder और design टूल iframes को पूरी तरह ब्लॉक कर देते हैं। यहाँ वह है जो हमने खुद जाँचा है। Canvas और Schoology की पंक्तियाँ हमारे लॉग पर आधारित हैं, जिनमें इन प्लेटफ़ॉर्म की कई कोर्स साइटों पर काउंटडाउन लोड होते दिखते हैं, और Canvas के मामले में उसकी अपनी गाइड पर भी:
| प्लेटफ़ॉर्म | लाइव काउंटडाउन? | नोट्स |
|---|---|---|
| WordPress (self-hosted) | हाँ | block editor में Custom HTML ब्लॉक जोड़ें और embed code पेस्ट करें। |
| WordPress.com | प्लान पर निर्भर | Free plans iframes हटा देते हैं। Paid plans में custom HTML काम करने से पहले "hosting features" सक्रिय करने होंगे। अधिक जानकारी। |
| Squarespace | हाँ (Core plan या उससे ऊपर) | Code ब्लॉक जोड़ें और embed code पेस्ट करें। Core plan या उससे ऊपर, या पुराना Business या Commerce plan चाहिए। |
| Wix | हाँ | Add Elements → Embed Code → Popular Embeds → Embed HTML का उपयोग करें। iframe की चौड़ाई और ऊँचाई अपने काउंटडाउन के अनुसार रखें ताकि वह कटे नहीं और scrollbars न दिखें। |
| Google Sites | हाँ |
Insert → Embed
का उपयोग करें। Embed code
टैब पर embed code पेस्ट करें, या By URL
टैब पर अपने embed code में src="..."
के अंदर का address पेस्ट करें। अगर वह address .js
पर खत्म होता है, तो .js
हटा दें।
|
| Shopify | हाँ (सावधानी के साथ) | theme का Custom Liquid section इस्तेमाल करें। product description editor हर theme में embed code नहीं रखता, इसलिए product pages पर भी Custom Liquid section इस्तेमाल करें। |
| Notion | हाँ |
/embed
टाइप करें और अपने embed code में src="..."
के अंदर का address पेस्ट करें, share link नहीं। अगर वह address .js
पर खत्म होता है, तो .js
हटा दें।
|
| Canva | हाँ, ऑनलाइन देखने पर | Embed app जोड़ें और अपने काउंटडाउन की share link पेस्ट करें। डाउनलोड की गई images, PDFs और videos टिक करता हुआ काउंटडाउन नहीं दिखा सकतीं। |
| Canvas | हाँ | Rich Content Editor में Insert → Embed चुनें, embed code पेस्ट करें, Submit पर क्लिक करें, फिर पेज सेव करें। ये चरण Canvas की instructor guide से हैं। |
| Schoology | हाँ (चरण जाँचे नहीं गए) | Schoology साइटों पर काउंटडाउन दिखते हैं, लेकिन हमने ये चरण खुद नहीं जाँचे हैं। एडिटर के HTML view में embed code पेस्ट करें। |
| Blogger, Drupal, Weebly, Joomla! | हाँ | embed code को custom/raw HTML के रूप में पेस्ट करें — नीचे प्लेटफ़ॉर्म-विशिष्ट निर्देश देखें। |
| Facebook, WhatsApp, YouTube | नहीं | ये प्लेटफ़ॉर्म third-party iframe embeds की अनुमति नहीं देते। इसके बजाय अपने published countdown page का link साझा करें। |
| Email clients | नहीं (GIF उपयोग करें) | Email clients iframes ब्लॉक करते हैं। इसके बजाय हमारा email GIF countdown उपयोग करें। |
WordPress में काउंटडाउन एम्बेड करें
Self-hosted WordPress: block editor में Custom HTML ब्लॉक (+ → "Custom HTML" खोजें) जोड़ें और हमारा embed code पेस्ट करें। अगर block के preview में काउंटडाउन नहीं दिखता, तो published page देखें।
WordPress.com: Free WordPress.com sites iframes का समर्थन नहीं करतीं (अधिक जानकारी)। paid plans पर Custom HTML block iframes render करने से पहले hosting features सक्षम करने होंगे।
Classic editor उपयोगकर्ता: यदि आप अभी भी पुराने Visual/Text editor का उपयोग करते हैं, तो पेस्ट करने से पहले Text (Visual नहीं) चुनें।
Squarespace में काउंटडाउन एम्बेड करें
Squarespace में custom code एम्बेड करने के लिए Core plan या उससे ऊपर, या पुराने Business या Commerce plan की आवश्यकता है। अपना page संपादित करें, ब्लॉक जोड़ने के लिए + पर क्लिक करें, Code खोजें, और embed code Code block में पेस्ट करें। Save करें और preview करें। published page पर काउंटडाउन लाइव टिक करना चाहिए।
Wix में काउंटडाउन एम्बेड करें
Wix editor में Add Elements → Embed Code → Popular Embeds → Embed HTML पर क्लिक करें। Enter Code पर क्लिक करें, embed code पेस्ट करें और Apply पर क्लिक करें।
महत्वपूर्ण — iframe sizing:
यदि काउंटडाउन क्लिप हो रहा है या scrollbars दिख रहे हैं, तो embed element की settings खोलें और width तथा height अपने embed code में dimensions से मेल खाएँ (आमतौर पर
<iframe>
tag की width और height जैसी)। Wix embedded iframes को हमेशा auto-size नहीं करता।
एक छोटा वीडियो देखें जिसमें Wix में काउंटडाउन जोड़ना दिखाया गया है।
Google Sites में काउंटडाउन एम्बेड करें
अपनी site संपादित करते समय Insert
→ Embed
पर क्लिक करें। Embed code
टैब पर हमारा embed code पेस्ट करें। या By URL
टैब पर अपने काउंटडाउन की embed link पेस्ट करें: आपके embed code में src="..."
के अंदर का address। अगर वह address .js
पर खत्म होता है, तो .js
हटा दें।
फिर page पर embed box का size समायोजित करें ताकि पूरा काउंटडाउन दिखाई दे।
Shopify में काउंटडाउन एम्बेड करें
embed code को अपनी theme के Custom Liquid section में जोड़ें (Online Store → Themes → Customize → Add section)। जिन pages पर आप इसे रखेंगे, वहाँ काउंटडाउन लाइव दिखेगा।
Product descriptions: product description editor हर theme में embed code नहीं रखता। इसकी जगह product page template में एक Custom Liquid section जोड़ें।
Notion में काउंटडाउन एम्बेड करें
किसी भी Notion page पर /embed
टाइप करें और Enter दबाएँ। अपने काउंटडाउन की embed link पेस्ट करें और पुष्टि करें। Notion सिर्फ काउंटडाउन दिखाता है, और वह लाइव चलता है।
आपकी embed link आपके embed code में src="..."
के अंदर का address है, जैसे https://countingdownto.com/w4/abc123
या https://w2.countingdownto.com/1234567। अगर आपका code एक script tag है, तो अंत का
.js
हटा दें। share link या पूरा embed code पेस्ट न करें। block का size बदलने के लिए उसके किनारों को खींचें।
Canva में काउंटडाउन एम्बेड करें
Canva ऑनलाइन देखे जाने वाले designs और Canva websites में लाइव काउंटडाउन दिखा सकता है। Canva editor में Apps खोलें, Embed चुनें, और अपने काउंटडाउन की share link पेस्ट करें।
अगर Canva नए एडिटर से बने काउंटडाउन की जगह एक स्थिर preview image दिखाता है, तो उसका embed link पेस्ट करें: आपके embed code में
src="..."
के अंदर का पता। पुराने एडिटर से बने काउंटडाउन के लिए share link इस्तेमाल करें; उनके embed links (w2.countingdownto.com) Canva में काम नहीं करते। डाउनलोड की गई image, PDF या video चलता हुआ काउंटडाउन नहीं दिखा सकते।
Blogger में काउंटडाउन एम्बेड करें
पोस्ट एडिटर में, एम्बेड कोड पेस्ट करने से पहले Compose view से HTML view पर जाएं। पोस्ट संपादित करते समय काउंटडाउन नहीं दिखेगा। वह केवल तब दिखेगा जब आप पोस्ट प्रकाशित करेंगे या उसका पूर्वावलोकन देखेंगे।
Drupal में काउंटडाउन एम्बेड करें
बॉडी फ़ील्ड के नीचे की Text format सूची में Full HTML चुनें, फिर एम्बेड कोड पेस्ट करें। पेज संपादित करते समय काउंटडाउन नहीं दिखेगा। वह केवल तब दिखेगा जब आप पेज सेव करेंगे या उसका पूर्वावलोकन देखेंगे।
Weebly में काउंटडाउन एम्बेड करें
Embed Code एलिमेंट को अपने पेज पर खींचें, उस पर क्लिक करें और एम्बेड कोड पेस्ट करें। काउंटडाउन देखने के लिए अपनी साइट प्रकाशित करें।
Joomla! में काउंटडाउन एम्बेड करें
आर्टिकल एडिटर के नीचे Toggle Editor पर क्लिक करें ताकि आप सादा HTML संपादित करें, फिर एम्बेड कोड पेस्ट करें और सेव करें।
Joomla का डिफ़ॉल्ट TinyMCE एडिटर सेव करते समय iframe टैग हटा सकता है। अगर काउंटडाउन नहीं दिखता, तो एडिटर बंद करके एम्बेड कोड को एक Custom मॉड्यूल में पेस्ट करें, या अपने साइट एडमिनिस्ट्रेटर से TinyMCE प्लगइन की सेटिंग्स में iframes की अनुमति देने के लिए कहें।
ऐसे प्लेटफ़ॉर्म जो iframe embeds का समर्थन नहीं करते
निम्नलिखित प्लेटफ़ॉर्म नहीं दिखा सकते live iframe countdown, चाहे आप कोई भी embed code उपयोग करें:
- Facebook — इसके बजाय अपने published countdown page का link साझा करें।
- WhatsApp — link साझा करें; WhatsApp embedded HTML render नहीं करता।
- YouTube — YouTube channel pages और video descriptions third-party iframes का समर्थन नहीं करते।
- Email clients: Gmail, Outlook, Mailchimp, और अन्य email apps सुरक्षा के लिए iframes ब्लॉक करते हैं। इसके बजाय हमारा email countdown उपयोग करें। यह एक animated image बनाता है जिसे ज़्यादातर email apps दिखाते हैं।
Email Countdowns एम्बेड करना
ईमेल ऐप iframes को ब्लॉक करते हैं, इसलिए ईमेल काउंटडाउन एनिमेटेड GIF इमेज होते हैं। ईमेल काउंटडाउन पेज पर एक बनाएं और कोड पाने के लिए मेरे ईमेल में जोड़ें पर क्लिक करें। Mailchimp, Constant Contact, AWeber और Kit (ConvertKit) जैसे ईमेल मार्केटिंग टूल में, कोड को HTML या कोड ब्लॉक में पेस्ट करें। Gmail या किसी दूसरे निजी ईमेल खाते से काउंटडाउन भेजने के लिए, उसी पेज पर मुझे यह काउंटडाउन ईमेल करें का उपयोग करें और मिलने वाले ईमेल को आगे भेज दें।
Kajabi का उपयोग करते हैं? हमारी Kajabi काउंटडाउन टाइमर गाइड देखें।
इमेज लोड होने के समय का बचा हुआ समय दिखाती है। कुछ ईमेल ऐप इमेज पहले से लोड कर लेते हैं, इसलिए यह पहले का समय दिखा सकती है। तारीख अपने ईमेल के टेक्स्ट में भी लिखें।