विज्ञापन काउंटडाउन टाइमर बनाना

हम पहले से मौजूद काउंटडाउन टाइमर का सुझाव देते हैं. यह टाइमर, HTML5 IMA SDK से मिलता है UIElements . अगर आपको अब भी अपना टेंप्लेट लागू करना है, तो यहां दिया गया तरीका अपनाएं.

इस गाइड में, HTML5 IMA SDK को लागू करने के लिए काउंटडाउन टाइमर जोड़ने का तरीका बताया गया है.

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

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

टाइमर बनाया जा रहा है

IMA की सुविधा वाले अपने वीडियो प्लेयर में काउंटडाउन टाइमर जोड़ने के लिए, AdsManager इंस्टेंस की remainingTime प्रॉपर्टी की पोल कराने के लिए JavaScript की सिर्फ़ कुछ लाइनें जोड़ना ज़रूरी है. हम setInterval() तरीके का इस्तेमाल करके, हर सेकंड किसी फ़ंक्शन को कॉल करके adsManager.remainingTime की जांच करते हैं.

// Global countdown timer
var countdownTimer;
...
function onAdsManagerLoaded(adsManagerLoadedEvent) {
  adsManager = adsManagerLoadedEvent.getAdsManager(
      videoElement);
  ...
  adsManager.addEventListener(
      google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED,
      onContentResumeRequested);
  adsManager.addEventListener(
      google.ima.AdEvent.Type.STARTED,
      onAdsStarted);
}
...
function onAdsStarted(adEvent) {
  countdownTimer = setInterval(function() {
    var timeRemaining = adsManager.getRemainingTime();
    // Update UI with timeRemaining
  }, 1000);
}
...
function onContentResumeRequested(adEvent) {
  ...
  if (countdownTimer) {
    clearInterval(countdownTimer);
  }
}
  

इसे आज़माएं

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