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

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

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

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

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

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

تجربة السمات والبيانات

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