ওয়েবটুন এম্বেড করুন
GenToon-এর ওয়েবটুন আপনার ব্লগ বা ওয়েবসাইটে যোগ করুন, পাঠকেরা আপনার পেজ ছেড়ে না গিয়েই সেখানে সব কাট সোয়াইপ করে দেখতে পারবেন।
দেখতে এমন হয়
কীভাবে এম্বেড করবেন
পোস্টে “এম্বেড করুন” চাপুন
ওয়েবটুন পোস্টের নিচে, শেয়ার বোতামের ঠিক পাশেই এটি পাবেন।
আকার বেছে নিন
ছোট, সাধারণ বা বড় বেছে নিন। পেজের কলাম সরু হলে “রেসপন্সিভ কোড” চালু করুন। আপনার বেছে নেওয়াটা প্রিভিউতে সঙ্গে সঙ্গে দেখা যায়।
“পড়ার ধরন” অংশে “একটি একটি কাট সোয়াইপ” (ডিফল্ট) বা “নিচে স্ক্রল” বেছে নিতে পারেন। নিচে স্ক্রল করলে সবসময় প্রথম কাট থেকে শুরু হয়।
“কোড কপি করুন” চেপে পেস্ট করুন
আপনার ব্লগ বা ওয়েবসাইটের 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 ঠিকানায় ইমেইল করুন।
হেল্পে ফিরে যান