Abrir espacio

Guía de implementación

Anuncio complementario

Companion ads

Banner que aparece en la página al mismo tiempo que se reproduce un anuncio en video o audio en el reproductor, formando una pareja.

  • Ad Manager
  • en la página, en espacios de display cerca del reproductor de video o de audio
Aprender el formatoRevisar en mi sitio
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio complementario

Piensa en un concierto: mientras la cantante está en el escenario, una pantalla al lado muestra el nombre de la canción. Los dos cuentan la misma historia al mismo tiempo. El anuncio complementario es así. Mientras el anuncio de video o de audio se reproduce en el reproductor, un banner del mismo anuncio aparece en un espacio de anuncio de la página, cerca del reproductor.

Google explica que los anuncios complementarios permiten mostrar anuncios en espacios de display al mismo tiempo que se publica un anuncio en un reproductor de video o de audio. Siempre dependen del anuncio principal, llamado master: sin master, no existe el complementario. Es como la pantalla gigante del concierto, que solo tiene sentido si hay alguien cantando. Un anuncio VAST puede traer hasta 6 anuncios de display complementarios.

¿Cómo lo hace el sitio? Los espacios de display cerca del reproductor se crean con GPT, la Google Publisher Tag, que es el código de Google para espacios de anuncios. GPT tiene tres piezas para esto. La primera, companionAds, dice que ese espacio puede recibir un complementario cuando haya un anuncio VAST reproduciéndose en un reproductor de la misma página. La segunda, setRefreshUnfilledSlots, pide llenar después los espacios que quedaron vacíos. La tercera, enableVideoAds, hace que GPT y el IMA SDK usen el mismo correlator, un número que es igual en todas las solicitudes de anuncios de la misma visualización de la página. Del lado del reproductor, IMA envía los tamaños de los complementarios en el parámetro ciu_szs de la etiqueta.

¿Cuándo vale la pena? Cuando tienes anuncios de video o audio y quieres que el anuncio también aparezca en la página. Para reproductores de video que pueden recibir anuncios de audio, Google recomienda mucho usar banners complementarios, para que el reproductor no quede en blanco mientras suena el audio. Algunos cuidados: el espacio debe tener el mismo tamaño del complementario, los anuncios responsivos no se admiten como complementarios de video y, si el reproductor está dentro de un iframe, hace falta un script de proxy de GPT.

Paso a paso

Cómo implementarlo

  1. Indica los tamaños en el elemento de pedidoAl crear el elemento de pedido de video y audio, indica el tamaño esperado del creativo master y los tamaños de los complementarios.
  2. Agrega los creativos complementariosUsa uno de los tipos aceptados: Imagen, Campaign Manager 360, Terceros, Personalizado, Formato nativo (Beta) o plantillas de creativos estándar o personalizadas.
  3. Carga el GPT en la página principalEl IMA para HTML5 solo reconoce los espacios del GPT cuando este se carga en la página principal. Si el reproductor está en un iframe, incluye el script de proxy del GPT.
  4. Crea el espacio complementarioDefine el espacio con companionAds y pubads, activa el relleno de espacios vacíos, activa los anuncios de video y muestra el espacio. Define los espacios antes de que el reproductor muestre los anuncios.
  5. Envía los tamaños en la etiqueta del reproductorEn la etiqueta del IMA, usa el parámetro ciu_szs con los tamaños de los complementarios separados por comas, como 728x90,300x250.
  6. Evita el parpadeo en la reproducción automáticaSi el video o el audio se reproduce solo, el GPT puede usar disableInitialLoad para no mostrar un banner común por un instante antes de que llegue el complementario.

Ejemplo implementado

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

El GPT va en el head de la misma página del reproductor, y la caja del complementario va cerca del reproductor, con el mismo tamaño que el anuncio complementario.
<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->
En el escritorioMientras el anuncio se reproduce en el reproductor, aparece un banner del mismo anuncio en un espacio de display de la página.
En el celularEl banner complementario aparece en un espacio de display de la página mientras el anuncio se reproduce en el reproductor. Con el tamaño fluid, ocupa el mismo porcentaje de espacio en cualquier pantalla.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Mostrar hasta 6 anuncios complementarios por cada anuncio VAST.
  • Usa complementarios del tipo Imagen, Campaign Manager 360, Terceros, Personalizado, Formato nativo (Beta) o plantillas de creativos.
  • Pedir que los espacios complementarios vacíos se rellenen después con otro anuncio de tu red.
  • Usar complementarios de tamaño fluid, que ocupan el mismo porcentaje de espacio en cualquier pantalla.
  • Usar banners complementarios en reproductores de video que pueden recibir anuncios de audio, lo que Google recomienda mucho.

No se puede

  • No existe un complementario solo: siempre depende del anuncio master.
  • Los anuncios responsivos no se admiten como complementarios de video.
  • El IMA no admite la función de hacer clic para activar el sonido en complementarios de video.
  • Los formatos con video nativo activado no se pueden usar como complementarios.
  • Con el reproductor en un iframe, el GPT no se reconoce sin el script de proxy.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

GPT dentro de un iframe

El IMA para HTML5 solo reconoce los espacios del GPT en la página principal. En un iframe, sin el script de proxy, el complementario no aparece.

Tamaño que no coincide

El complementario tiene que tener el mismo tamaño que el espacio. Un espacio 728x90 no recibe un complementario 300x250.

Olvidar los tamaños en la etiqueta

Un reproductor con IMA debe enviar los tamaños de los complementarios en el parámetro ciu_szs. Sin eso, el servidor no sabe qué tamaños acepta la página.

Banner que parpadea antes del complementario

En un video o audio que se reproduce solo, un banner común puede aparecer por un instante. Google indica disableInitialLoad para evitarlo.

Preguntas frecuentes

¿El complementario aparece sin el video?

No. Siempre depende del anuncio master que se reproduce en el reproductor. Si no hay complementario, el espacio puede recibir otro anuncio de tu red.

¿Cuántos complementarios puedo tener?

Un anuncio VAST puede traer hasta 6 anuncios de display complementarios.

¿Funciona con anuncios de audio?

Sí. En reproductores de video que pueden recibir anuncios de audio, Google recomienda mucho usar banners complementarios, para que el reproductor no quede en blanco mientras suena el audio.

¿Para qué sirve enableVideoAds?

Hace que GPT y el IMA SDK usen el mismo correlator, un número que es igual en todas las solicitudes de anuncios de la misma visualización de la página.

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