माउस के क्लिक ट्रैक करना

IMA SDK का इस्तेमाल करते समय, दो अलग-अलग वीडियो प्लेयर होते हैं, आपका कॉन्टेंट वीडियो प्लेयर और विज्ञापन प्लेयर. SDK टूल, कॉन्टेंट वीडियो प्लेयर के ऊपर विज्ञापन प्लेयर को ओवरले करके, अपने-आप मैनेज करता है. इस वजह से, इवेंट लिसनर को वीडियो प्लेयर में सीधे जोड़ने से कोई काम नहीं होता. विज्ञापन कंटेनर को दिखाना और छिपाना एक समस्या है. हालांकि, इससे SDK टूल के काम करने के तरीके में रुकावट आ सकती है. बेहतर तरीका यह है कि दोनों प्लेयर को पैरंट div में रैप करें और इवेंट लिसनर को उसके साथ अटैच करें. इस गाइड में इसका तरीका बताया गया है.

ज़रूरी शर्तें

• IMA HTML5 SDK के साथ इंटिग्रेट किया गया HTML5 वीडियो प्लेयर. अगर आपके पास Google खाता नहीं है, तो हमारी शुरू करने के लिए गाइड देखें.

अपने एचटीएमएल में बदलाव करना

सबसे पहले आपको अपना एचटीएमएल बदलना होगा, ताकि विज्ञापन प्लेयर और कॉन्टेंट वीडियो प्लेयर, दोनों को div रैप किया जा सके. शुरू करें गाइड में, 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>
...

अपनी JavaScript में इवेंट लिसनर जोड़ें

इसके बाद, अपने JavaScript कोड में इवेंट लिसनर जोड़ें. जैसे, किसी उपयोगकर्ता के वीडियो पर क्लिक करने का पता लगाना. उदाहरण के लिए, ads.js में:

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

हो गया! कोई विज्ञापन चल रहा हो या नहीं और विज्ञापन पर क्लिक मिलने की दर (सीटीआर) अब भी चल रही हो या न हो, इस बात से कोई फ़र्क़ नहीं पड़ता हो कि आपने वीडियो पर क्लिक करके, पॉप-अप को देखा है.

इसे आज़माएं

नीचे एक कारगर प्रक्रिया देखी जा सकती है.