Skip to main content

वेबटून एम्बेड करें

GenToon का वेबटून अपने ब्लॉग या वेबसाइट पर लगाएँ, और पाठक आपका पेज छोड़े बिना वहीं उसके सारे कट स्वाइप करके देख सकेंगे।

ऐसा दिखता है

यह असली एम्बेड प्लेयर है। इसे स्वाइप करके देखें।

एम्बेड करने का तरीका

  1. पोस्ट पर “एम्बेड करें” दबाएँ

    यह वेबटून पोस्ट के नीचे, शेयर बटन के ठीक बगल में मिलेगा।

  2. आकार चुनें

    छोटा, सामान्य या बड़ा चुनें। अगर पेज का कॉलम संकरा है, तो “रिस्पॉन्सिव कोड” चालू करें। आपकी पसंद प्रीव्यू में तुरंत दिख जाती है।

    “पढ़ने का तरीका” में आप “एक-एक कट स्वाइप करें” (डिफ़ॉल्ट) और “नीचे स्क्रॉल करें” में से चुन सकते हैं। नीचे स्क्रॉल करने पर पढ़ना हमेशा पहले कट से शुरू होता है।

  3. “कोड कॉपी करें” दबाएँ और पेस्ट करें

    इसे अपने ब्लॉग या वेबसाइट के HTML एडिटर में पेस्ट करें, बस हो गया।

ऐप में पोस्ट का शेयर बटन दबाएँ और कोड कॉपी करने के लिए “एम्बेड करें” चुनें।

इसे कहाँ पेस्ट करें

सेल्फ़-होस्टेड WordPress
बस पोस्ट का लिंक पेस्ट करें, प्लेयर अपने-आप दिख जाएगा। एम्बेड विंडो में “लिंक कॉपी करें” का इस्तेमाल करें।
HTML स्वीकार करने वाले ब्लॉग और वेबसाइट
“कोड कॉपी करें” से कॉपी किया गया कोड HTML एडिटर में पेस्ट करें।
जहाँ सिर्फ़ पता डालने का फ़ील्ड हो
अगर किसी फ़ील्ड में सिर्फ़ पता डाला जा सकता है, तो प्लेयर का पता इस्तेमाल करें। यह नीचे वाली लाइन जैसा दिखता है, और आख़िर में दी गई आईडी पोस्ट के पते का आख़िरी हिस्सा होती है।
https://www.gentoon.ai/embed/post/<पोस्ट-आईडी>
यह पता कॉपी करने के लिए एम्बेड विंडो में “एम्बेड लिंक कॉपी करें” दबाएँ।

बाकी जगहों पर यह इस पर निर्भर करता है कि साइट बाहरी HTML या iframe की इजाज़त देती है या नहीं। अगर नहीं देती, तो “लिंक कॉपी करें” से लिंक शेयर करें।

जानने लायक बातें

  • प्लेयर कुकीज़ का इस्तेमाल नहीं करता और कभी किसी से साइन इन करने को नहीं कहता।
  • अगर क्रिएटर पोस्ट डिलीट कर दे या उसे प्राइवेट कर दे, तो जहाँ भी उसे एम्बेड किया गया है, वहाँ उसका दिखना बंद हो जाता है।
  • प्लेयर के बटन का टेक्स्ट हर पाठक की भाषा के हिसाब से बदल जाता है।
  • क्रिएटर एम्बेड विंडो के “एम्बेड के नतीजे” हिस्से में देख सकते हैं कि उनका वेबटून दूसरी साइटों पर कितनी बार पढ़ा गया।

डेवलपर्स के लिए

अगर आपकी सेवा oEmbed सपोर्ट करती है, तो प्लेयर दिखाने के लिए सिर्फ़ पोस्ट का लिंक काफ़ी है।

oEmbed एंडपॉइंट

url में पोस्ट का पता दें। फ़ॉर्मैट json और xml हैं, और maxwidth व maxheight देने पर प्लेयर अपना अनुपात बनाए रखते हुए छोटा हो जाता है। पोस्ट पेजों में oEmbed डिस्कवरी के लिए link टैग मौजूद हैं।

https://www.gentoon.ai/api/oembed

GET https://www.gentoon.ai/api/oembed?url=https%3A%2F%2Fwww.gentoon.ai%2Fcommunity%2Fposts%2F9fa0016a-1192-4a72-afa8-d0ffad90c315&format=json
GET https://www.gentoon.ai/api/oembed?url=https%3A%2F%2Fwww.gentoon.ai%2Fcommunity%2Fposts%2F9fa0016a-1192-4a72-afa8-d0ffad90c315&format=xml

रिस्पॉन्स कोड: 200 सफल · 404 पोस्ट मौजूद नहीं है या यह GenToon की किसी पोस्ट का पता नहीं है · 401 पोस्ट मौजूद है, लेकिन उसे एम्बेड नहीं किया जा सकता (जैसे प्राइवेट या सिर्फ़ ऐप में उपलब्ध पोस्ट) · 501 json और xml के अलावा कोई दूसरा फ़ॉर्मैट।

<iframe src="https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315" width="400" height="644" title="वेबटून एम्बेड करें · GenToon" frameborder="0" scrolling="no" loading="lazy" allow="clipboard-write; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="border:0;max-width:100%"></iframe>

प्लेयर का पता और पैरामीटर

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll
hl
भाषा तय कर देता है (जैसे en या ja)। इसके बिना प्लेयर पाठक के ब्राउज़र की भाषा अपनाता है।
theme
डार्क प्लेयर के लिए dark इस्तेमाल करें।
start
कट N से शुरू करता है (गिनती 1 से)।
layout
कट एक के नीचे एक पढ़ने के लिए scroll इस्तेमाल करें। इसके बिना पाठक एक बार में एक कट स्वाइप करते हैं। oEmbed का एम्बेड कोड हमेशा एक बार में एक कट दिखाता है।

फ़ुल स्क्रीन बटन तभी दिखता है जब iframe में allowfullscreen हो (हमारे एम्बेड कोड में यह शामिल है)। WordPress इस एट्रिब्यूट को हटा देता है और iPhone पर Safari फ़ुल स्क्रीन सपोर्ट नहीं करता, इसलिए वहाँ यह बटन नहीं होता। कैप्शन (CC) बटन तभी दिखता है जब पाठक की भाषा संवाद की भाषा से अलग हो, और दबाने पर यह एक बार अनुवाद लोड करता है।

ऊँचाई के संदेश (postMessage)

ऊँचाई बदलने पर प्लेयर पैरेंट विंडो को बता देता है। नीचे दिए गए संदेशों को सुनें और iframe की ऊँचाई उसी के हिसाब से बदलें।

डिफ़ॉल्ट फ़ॉर्मैट

{"type":"gentoon:embed:resize","postId":"9fa0016a-1192-4a72-afa8-d0ffad90c315","height":644}

Embedly और Iframely फ़ॉर्मैट

JSON.stringify({"src":"https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315","context":"iframe.resize","height":644,"domains":"all"})

WordPress फ़ॉर्मैट (जब पते के आख़िर में #?secret= लगा हो)

{"message":"height","value":644,"secret":"<secret>"}

प्लेयर के रिस्पॉन्स कोई कुकी सेट नहीं करते और उन पर noindex लगा होता है, ताकि सर्च इंजन उन्हें इंडेक्स न करें।

सवाल

अगर एम्बेड ठीक से काम न करे या आप हमारे साथ पार्टनरशिप करना चाहें, तो service@gentoon.ai पर ईमेल करें।

हेल्प पर वापस जाएँ