মাউস ক্লিক ট্র্যাকিং

IMA SDK ব্যবহার করার সময়, দুটি পৃথক ভিডিও প্লেয়ার থাকে, আপনার সামগ্রী ভিডিও প্লেয়ার এবং বিজ্ঞাপন প্লেয়ার৷ SDK স্বয়ংক্রিয়ভাবে বিষয়বস্তু ভিডিও প্লেয়ারের উপর বিজ্ঞাপন প্লেয়ার ওভারলে পরিচালনা করে। ফলস্বরূপ, ভিডিও প্লেয়ারে সরাসরি ইভেন্ট শ্রোতা যোগ করা কাজ করে না। একটি সমাধান হল বিজ্ঞাপনের কন্টেইনার দেখানো এবং লুকানো, কিন্তু এটি SDK কার্যকারিতায় হস্তক্ষেপ করতে পারে। একটি ভাল সমাধান হল উভয় খেলোয়াড়কে একটি প্যারেন্ট div মোড়ানো এবং ইভেন্ট শ্রোতাদের সাথে সংযুক্ত করা। এই নির্দেশিকা আপনাকে দেখায় কিভাবে.

পূর্বশর্ত

• IMA HTML5 SDK সমন্বিত সহ HTML5 ভিডিও প্লেয়ার৷ আপনার যদি এটি না থাকে তবে আমাদের শুরু করুন গাইডটি দেখুন।

আপনার HTML পরিবর্তন করুন

বিজ্ঞাপন প্লেয়ার এবং বিষয়বস্তু ভিডিও প্লেয়ার উভয়ই একটি div মোড়ানোর জন্য আপনাকে প্রথমে আপনার HTML পরিবর্তন করতে হবে। শুরু করুন গাইডে, এটি ইতিমধ্যেই আপনার জন্য mainContainer এর সাথে সম্পন্ন হয়েছে:

...
<div id="mainContainer">
  <div id="content">
    <video id="contentElement">
      <source src="https://storage.googleapis.com/gvabox/media/samples/stock.mp4">
    </video>
  </div>

  <div id="adContainer"></div>
</div>
...

আপনার জাভাস্ক্রিপ্টে ইভেন্ট শ্রোতাদের যোগ করুন

এরপরে, আপনার জাভাস্ক্রিপ্ট কোডে ইভেন্ট শ্রোতাদের যোগ করুন, যেমন ভিডিওতে ক্লিক করা ব্যবহারকারী সনাক্ত করা। উদাহরণস্বরূপ, ads.js এ:

...
function init() {
  videoContent = document.getElementById('contentElement');
  mainContainer = document.getElementById('mainContainer');
  mainContainer.addEventListener('click', function() { alert('I was clicked!');});
  ...
}
...

তাই তো! আপনি ভিডিওতে ক্লিক করতে পারেন এবং পপ-আপ দেখতে পারেন তা নির্বিশেষে একটি বিজ্ঞাপন চলছে কিনা এবং এখনও বিজ্ঞাপনের ক্লিক-থ্রু কাজ করে।

চেষ্টা করে দেখুন

আপনি নীচে একটি কার্যকরী বাস্তবায়ন দেখতে পারেন।