Para analizar nuestros productos y proporcionar comentarios sobre ellos, únete al canal oficial de Discord de Ad Manager en el servidor de la Comunidad de Publicidad y Medición de Google.
Crear un temporizador de cuenta regresiva de anuncios
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En esta guía, se explica cómo agregar un temporizador de cuenta regresiva a una implementación del SDK de IMA HTML5.
Requisitos previos
En esta guía, se da por sentado que tienes una implementación del SDK de IMA HTML5 que funciona. De lo contrario, consulta Configura el SDK de IMA.
Crea el temporizador
Para agregar un temporizador de cuenta regresiva a tu reproductor de video habilitado para IMA, solo debes agregar algunas líneas de JavaScript para sondear la propiedad remainingTime de la instancia AdsManager. Usamos el método setInterval() para llamar a una función cada segundo y verificar adsManager.remainingTime.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-16 (UTC)"],[[["This guide explains how to add a countdown timer to an HTML5 IMA SDK implementation for video ads."],["The recommended approach is to use the built-in HTML5 IMA SDK countdown timer; however, this guide provides custom implementation steps if needed."],["The custom implementation involves polling the `remainingTime` property of the `AdsManager` and updating the UI accordingly."],["A working implementation example is provided via a CodePen link for reference and testing."]]],[]]