ایجاد زمان‌سنج معکوس آگهی

این راهنما شما را در افزودن زمان‌سنج معکوس به پیاده‌سازی کیت توسعه نرم‌افزار IMA HTML5 راهنمایی می‌کند.

پیش‌نیازها

این راهنما فرض می‌کند که شما یک پیاده‌سازی فعال HTML5 IMA SDK دارید. اگر ندارید، به راه‌اندازی کیت توسعه نرم‌افزار IMA مراجعه کنید.

ایجاد زمان‌سنج

افزودن زمان‌سنج شمارش معکوس به پخش‌کننده ویدیو فعال‌شده با IMA فقط نیاز به افزودن چند خط جاوا اسکریپت برای نظرسنجی از دارایی remainingTime نمونه AdsManager دارد. از روش 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);
  }
}

امتحان کنید

این پیاده‌سازی کارآمد را ببینید.