إنشاء موقّت العد التنازلي للإعلان

يرشدك هذا الدليل خلال إضافة موقِّت العد التنازلي إلى تنفيذ حزمة تطوير البرامج لإعلانات الوسائط التفاعلية بتنسيق HTML5.

المتطلبات الأساسية

يفترض هذا الدليل تنفيذ "حزمة تطوير البرامج لإعلانات الوسائط التفاعلية" التي تستخدم HTML5 في الوقت الحالي. إذا لم تقم بذلك، راجِع دليل البدء.

جارٍ إنشاء الموقّت

لا تتطلب إضافة موقّت عد تنازلي إلى مشغّل الفيديو الذي تم تفعيل إعلانات الوسائط التفاعلية فيه سوى إضافة بضعة أسطر من JavaScript لفحص السمة 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);
  }
}

جرّبه الآن

يمكنك الاطّلاع أدناه على طريقة تنفيذ ناجحة.