ऑडियो विज्ञापनों के पोस्टर की इमेज

इस गाइड में बताया गया है कि अपने वीडियो को ओवरले करने के लिए, IMA HTML5 SDK का इस्तेमाल कैसे किया जा सकता है ऑडियो विज्ञापन चलने पर पोस्टर इमेज वाला प्लेयर. इसका इस्तेमाल तब करें, जब ad_type=audio_video को आपके VAST URL अनुरोध में सेट किया गया है. ऐसा करने से आपको विज्ञापनों से बेहतर कमाई हो रही है, क्योंकि ऑडियो और वीडियो विज्ञापन, दोनों ज़रूरी शर्तें पूरी करते हैं और पूरी तरह से मौजूद हैं सेवा नहीं होती. ad_type दस्तावेज़ और वीडियो में ऑडियो कॉन्टेंट देखें.

आप इस गाइड में बताए गए तरीके से, मूल IMA में बदलाव कर सकते हैं इंटिग्रेशन का इस्तेमाल किया जा सकता है या वीडियो सैंपल ऐप्लिकेशन में ऑडियो इस सुविधा के साथ पूरी तरह इंटिग्रेट करने के लिए किया जा सकता है.

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

• वीडियो विज्ञापनों के लिए IMA HTML5 SDK टूल लागू करने वाला ऐप्लिकेशन. IMA HTML5 देखें शुरुआती निर्देश हमारा वीडियो देखें.
• एक डिफ़ॉल्ट पोस्टर इमेज, जो ऑडियो विज्ञापन के होने पर वीडियो प्लेयर को ओवरले करती है जो काम के ओवरले इमेज के बिना दिखाए जाते हैं. इमेज के अंदर फ़िट करने के लिए वीडियो प्लेयर, इसकी चौड़ाई वीडियो की चौड़ाई से कम या उसके बराबर होनी चाहिए प्लेयर और इसकी ऊंचाई, वीडियो से कम से कम 75 पिक्सल कम होनी चाहिए प्लेयर.

पोस्टर इमेज की सुविधा चालू करें

ऑडियो और वीडियो विज्ञापन का अनुरोध करने से पहले, audioPosterImageEnabled सेट करें true के लिए फ़ीचर फ़्लैग और audioPosterImageDefaultUrl फ़ीचर फ़्लैग को आपका डिफ़ॉल्ट पोस्टर इमेज यूआरएल. इसे ImaSdkSettings.setFeatureFlags() AdDisplayContainer बनाने से पहले एपीआई. जब यह सेट किया जाता है और ऑडियो विज्ञापन चल रहा है, तो IMA, विज्ञापन से जुड़ी इमेज को वीडियो प्लेयर. IMA, फ़िट होने वाली सबसे बड़ी सहयोगी विज्ञापन इमेज चुनता है वीडियो प्लेयर के अंदर होना चाहिए और वीडियो प्लेयर से कम से कम 75 पिक्सल छोटा होना चाहिए. अगर विज्ञापन के वीएएसटी (वीडियो विज्ञापन देने के लिए टेंप्लेट) में कोई ऐसी इमेज शामिल नहीं है जिसे IMA ओवरले के तौर पर इस्तेमाल कर सकता है, तो IMA आपकी तय की गई डिफ़ॉल्ट इमेज को ओवरले के तौर पर इस्तेमाल करता है.

function initializeIMA() {
  console.log('initializing IMA');
  adContainer = document.getElementById('ad-container');
  google.ima.settings.setFeatureFlags(
    {
      'audioPosterImageEnabled': true,
      'audioPosterImageDefaultUrl':'http://your-ad-overlay/image.png'
    });
  adDisplayContainer = new google.ima.AdDisplayContainer(adContainer, videoElement);
  adsLoader = new google.ima.AdsLoader(adDisplayContainer);

  // Let the AdsLoader know when the video has ended
  videoElement.addEventListener('ended', function() {
    adsLoader.contentComplete();
  });

  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'http://your-audio-video-ad-tag';
  ...
  // Pass the request to the adsLoader to request ads
  adsLoader.requestAds(adsRequest);
}