VPAID 2 জাভাস্ক্রিপ্ট ক্রিয়েটিভ চালু করা

IMA HTML5 SDK, VPAID 2 JavaScript ক্রিয়েটিভের সাথে কাজ করে। সহায়তা চালু করার সময়, VPAID 2 স্পেক এবং IMA SDK যেভাবে VPAID 2-কে সহায়তা করে, এই দুটির মধ্যে দুটি প্রধান পার্থক্য সম্পর্কে সচেতন থাকতে হবে। এইসব পার্থক্য প্লেয়ার বা SDK প্রয়োগ কোডের উপর প্রভাব ফেলে না, তবে VPAID 2 JavaScript ক্রিয়েটিভ লেখকদের জন্য এগুলি গুরুত্বপূর্ণ, কারণ IMA HTML5 SDK-এর মাধ্যমে রেন্ডার করার সময় ক্রিয়েটিভ সমস্যা দেখাতে পারে বা প্রত্যাশিতভাবে কাজ নাও করতে পারে।

পূর্বশর্ত

এই নির্দেশিকা অনুসরণ করতে, এমন একটি অ্যাপ দিয়ে শুরু করুন যাতে নিম্নলিখিতগুলি রয়েছে:

  • IMA HTML5 SDK ইন্টিগ্রেট করা HTML5 ভিডিও প্লেয়ার। আপনার কাছে এটি না থাকলে, IMA SDK সেট-আপ করুন লিঙ্কটি চেক করে দেখুন।
  • VPAID 2 জাভাস্ক্রিপ্ট ক্রিয়েটিভের দিকে নির্দেশ করে এমন একটি VAST বিজ্ঞাপন ট্যাগ URL।

সহায়ক প্রাইমার

  • আপনি VPAID 2-এর ব্যাপারে পরিচিত না হলে, IAB VPAID পৃষ্ঠা থেকে আরও জানতে পারবেন।

VPAID 2 সহায়তা চালু করা

VPAID 2 JavaScript সাপোর্ট চালু করতে, আপনার AdDisplayContainer ইনিশিয়ালাইজ করার আগে নিম্নলিখিত পদ্ধতি কল করুন:

google.ima.settings.setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.ENABLED);
...
var adDisplayContainer = new google.ima.AdDisplayContainer(adContainerElement);
var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
...

উপলভ্য VPAID মোডগুলি হল:

  • ENABLED - ডিফল্ট সেটিংস সহ VPAID বিজ্ঞাপন দেখানোর অনুমতি দেয়।
  • INSECURE - অনিরাপদ মোডে VPAID বিজ্ঞাপন দেখানোর অনুমতি দেয়। আরও তথ্যের জন্য, IFrame নিরাপত্তা এবং ভিডিও প্লেয়ার প্রক্সি এলিমেন্ট দেখুন।
  • DISABLED - VPAID বিজ্ঞাপন চলে না। অনুরোধ করা বিজ্ঞাপনে VPAID ক্রিয়েটিভ থাকলে, একটি সমস্যা দেখানো হয়।

VPAID মোড সম্পর্কে আরও তথ্যের জন্য, ImaSdkSettings.VpaidMode-এর API ডকুমেন্টেশন দেখুন।

VPAID 2 কাজ করে না এমন ক্ষেত্র

IFrame নিরাপত্তা

ডিফল্ট হিসেবে, IMA SDK, VPAID 2 জাভাস্ক্রিপ্ট ক্রিয়েটিভ রেন্ডার করার জন্য ফ্রেন্ডলি আইফ্রেম (একই ডোমেন) বা ইন-পেজ স্ক্রিপ্টের পরিবর্তে সুরক্ষিত আইফ্রেম ব্যবহার করে। এর অর্থ হল, কোনও ক্রিয়েটিভ যদি প্যারেন্ট পৃষ্ঠার DOM অ্যাক্সেস করতে চায়, তাহলে এটি সম্ভাব্য কোনও সমস্যার কারণ হতে পারে। পরিবর্তে ফ্রেন্ডলি iframe-এ আপনার বিজ্ঞাপন রেন্ডার করতে, আপনি এইভাবে ImaSdkSettings.setVpaidMode(...) ব্যবহার করতে পারেন:

adsLoader.getSettings().setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.INSECURE);

ভিডিও প্লেয়ার প্রক্সি এলিমেন্ট

নিরাপত্তা ও মোবাইলে সঠিক কার্যকারিতার জন্য, ENABLED মোডে IMA HTML5 SDK বিজ্ঞাপনে আসল ভিডিও এলিমেন্ট প্রদান করে না; পরিবর্তে এটি একটি প্রক্সি এলিমেন্ট প্রদান করে যা সাধারণ ভিডিও এলিমেন্টের বেশিরভাগ কার্যকারিতার মতো কাজ করে। যেসব বিজ্ঞাপন ক্রিয়েটিভ শুধুমাত্র কাজ করে এমন API পদ্ধতি কল করে, সেগুলির ক্ষেত্রে ক্রিয়েটিভ রেন্ডার করার বিহেভিয়ারে কোনও পরিবর্তন হওয়া উচিত নয়। VpaidMode.INSECUREমোডে, SDK প্রক্সির পরিবর্তে ভিডিও প্লেয়ার এলিমেন্ট প্রদান করে।

ভিডিও প্রক্সি এলিমেন্টে উপলভ্য পদ্ধতি, লিসনার ও অ্যাট্রিবিউট এখানে দেওয়া হল:

পদ্ধতি

  • addEventListener
  • canPlayType
  • load
  • play
  • pause
  • setattribute

addEventListener-এর জন্য ইভেন্টের ধরন

  • abort
  • canplay
  • canplaythrough
  • click
  • durationchange
  • emptied
  • ended
  • error
  • loadeddata
  • loadedmetadata
  • loadstart
  • pause
  • play
  • playing
  • progress
  • ratechange
  • suspend
  • seeked
  • seeking
  • timeupdate
  • waiting

অ্যাট্রিবিউট

  • currentTime
  • duration
  • ended
  • paused
  • playbackRate
  • src
  • type

প্রায়শই জিজ্ঞাসিত প্রশ্ন

iOS বা Android SDK-তে কি VPAID 2 জাভাস্ক্রিপ্ট ক্রিয়েটিভ কাজ করে?
VPAID 2 JavaScript ক্রিয়েটিভ কাজ করে এমন একমাত্র IMA SDK প্ল্যাটফর্ম হল IMA HTML5 SDK।
এটি কি IMA HTML5 SDK-তে VPAID ক্রিয়েটিভ চালু করে?
হ্যাঁ, IMA HTML5 SDK, VPAID 2 জাভাস্ক্রিপ্ট ক্রিয়েটিভের সাথে কাজ করে।