Abrir espacio

Guía de implementación

Anuncio superpuesto al video

Overlay ads (non-linear ads)

Anuncio de texto o imagen que cubre una parte del video mientras este sigue reproduciéndose, sin detener el contenido.

  • Ad Manager
  • Ad Exchange
  • AdSense (mediante Ad Manager)
  • dentro del reproductor de video, sobre una parte del contenido
Aprender el formatoRevisar en mi sitio
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio superpuesto al video

¿Sabes cuando ves un partido en la TV y aparece, en una franja de la pantalla, una publicidad pequeña, pero el partido continúa? El anuncio superpuesto es parecido. Es un anuncio de texto o de imagen que cubre solo una parte del video mientras se reproduce. El video no se detiene: la persona sigue viendo, y el anuncio queda ahí encima, como una calcomanía pegada en un pedacito de la pantalla.

En el mundo de los anuncios de video, esto se llama anuncio no lineal (non-linear). Lineal es el anuncio que ocupa el lugar del video, como el pre-roll, que detiene el contenido. No lineal es el que comparte la pantalla con el video. En Ad Manager existe un tipo de creativo llamado Superposición, que Google describe como un anuncio que cubre parte del contenido de video mientras se reproduce. El anuncio puede ser texto, imagen o ambos. Puedes subir el archivo a Ad Manager o usar un archivo remoto, y puedes configurar duración, escala y enlaces de seguimiento de terceros.

En el sitio, quien muestra el overlay es el IMA SDK, el paquete de código de Google para anuncios en reproductores. En la solicitud, el reproductor informa el ancho y el alto del área rectangular donde puede aparecer el anuncio no lineal. Google dice que ese tamaño es obligatorio para anuncios no lineales y que ayuda a elegir el anuncio, pero no tiene que ser igual a su tamaño real. Cuando el anuncio se carga y no es lineal, el código de ejemplo de Google sigue reproduciendo el video, para que el anuncio quede sobre el contenido en movimiento.

Tiene reglas importantes. Si las reglas de anuncios de video están activas en la red o en la propia etiqueta, no se pueden servir anuncios superpuestos. Y, según la política de video de Google, los controles del video y del anuncio no pueden quedar cubiertos, escondidos ni sin funcionar. Entonces el overlay debe caber en el área correcta sin tapar los botones de reproducir, pausa y volumen.

Paso a paso

Cómo implementarlo

  1. Crea el creativo de SuperposiciónEn el elemento de línea de video, agrega un creativo del tipo Superposición. Sube el archivo a Ad Manager o usa un archivo remoto y, si quieres, configura duración, escala y seguimiento.
  2. Verifica las reglas de anunciosSi las reglas de anuncios de video están activas en la red o en la etiqueta, los anuncios superpuestos no son elegibles. Revisa esto antes de contar con el overlay.
  3. Informa el área no lineal en la solicitudEn el AdsRequest de IMA, indica el ancho y el alto del área no lineal. Google dice que estos valores son obligatorios para anuncios no lineales.
  4. Sigue reproduciendo el videoCuando el anuncio se cargue, verifica si es lineal. Si no lo es, ordena que el video continúe reproduciéndose, como en el ejemplo de Google.
  5. Ajusta al tamaño del reproductorCuando la ventana cambie de tamaño, redimensiona el AdsManager con el tamaño del video, para que el overlay siga en el lugar correcto.

Ejemplo implementado

El código y cómo se ve en pantalla

Va en el código del reproductor con IMA: informa el área del overlay en la solicitud y mantiene el video reproduciéndose cuando el anuncio cargado no es lineal.
<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>
En el escritorioUna franja con texto o imagen aparece sobre una parte del video, mientras el video sigue reproduciéndose debajo.
En el celularTambién aparece sobre una parte del video dentro del reproductor, sin pausar el contenido, si el reproductor y el anuncio están configurados para eso.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Mostrar un anuncio de texto, imagen o ambos cubriendo parte del video mientras se reproduce.
  • Subir la creatividad Overlay a Ad Manager o usar un archivo remoto, con duración, escala y seguimiento opcionales.
  • Mantener el video reproduciéndose mientras aparece el anuncio no lineal.
  • Usar creativos de Superposición en Programática Garantizada alojada por el publisher.

No se puede

  • Con las reglas de anuncios de video activas en la red o en la etiqueta, no se pueden servir anuncios superpuestos.
  • No se puede dejar que el overlay cubra, oculte o bloquee los controles del video y del anuncio.
  • No se puede pedir un anuncio no lineal sin informar el ancho y el alto del área no lineal: Google dice que son obligatorios.
  • No se pueden usar los productos IMA para ganar dinero con videos de YouTube.
  • No se puede tener más de un reproductor que se reproduzca solo y esté visible al mismo tiempo.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

Usar overlay con reglas de anuncios activadas

Google dice que, con reglas de anuncios de video activas en la red o en la etiqueta, los anuncios no lineales no son elegibles. El overlay simplemente no aparece.

Olvidar el área no lineal

Sin informar el ancho y el alto del área no lineal en la solicitud, IMA no tiene el criterio obligatorio para elegir este tipo de anuncio.

Pausar el video en el overlay

El overlay fue hecho para aparecer con el video reproduciéndose. El ejemplo de Google ordena que el video continúe cuando el anuncio cargado no es lineal.

Tapar los botones del reproductor

Si el overlay queda sobre los controles, la persona no puede pausar ni cambiar el volumen, y eso va contra la política de video de Google.

Preguntas frecuentes

¿El overlay detiene el video?

No. Cubre solo una parte del video mientras el contenido sigue reproduciéndose. Quienes detienen el video son los anuncios lineales, como el pre-roll.

¿Puedo usar overlay junto con las reglas de anuncios?

No. Con reglas de anuncios de video activas en la red o en la etiqueta, los anuncios superpuestos no son elegibles.

¿Qué tamaño debo indicar?

El ejemplo de Google usa 640 por 150. El valor sirve para elegir el anuncio y no tiene que ser igual a su tamaño real.

¿El overlay puede ser solo texto?

Sí. Google dice que los anuncios superpuestos pueden ser texto, imagen o ambos.

Biblioteca

Fuente oficial de Google

Todo en esta página sigue la documentación oficial de Google. Léela directo en la fuente:

¿Tu sitio usa este formato de la manera correcta?

La auditoría lee el sitio como un visitante, sin hacer clic en nada, y muestra qué corregir.

Hacer una auditoría