Abrir espacio

Guía de implementación

Anuncio de audio

Audio ads (in-stream audio)

Anuncio solo de sonido que se reproduce dentro de un reproductor de audio o de video con sonido, como los comerciales de la radio.

  • Ad Manager
  • Ad Exchange
  • AdSense (mediante Ad Manager)
  • dentro de un reproductor de audio o de un reproductor de video con sonido
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio de audio

¿Conoces los comerciales de la radio, cuando la música se detiene y alguien habla de una tienda? El anuncio de audio es eso en tu sitio. Es un anuncio solo de sonido que se reproduce dentro de un reproductor, igual que los anuncios en video, pero sin imagen. Combina con contenidos que la persona escucha, como música, programas hablados y videos que se pueden seguir solo escuchando.

En Ad Manager, la forma de configurar audio es parecida a la de video. Creas un bloque de anuncios con Audio como tamaño principal de VAST, usas elementos de línea del tipo Audio y video con el tamaño de creativo Audio y pones creativos de audio. Google también dice que los sitios con videos que se pueden solo escuchar, como noticias, deportes, música y conciertos, pueden aceptar anuncios de audio en los videos con sonido. Para recibir audio de Ad Exchange y de AdSense, la cuenta debe estar vinculada a Ad Manager.

Del lado del sitio, quien reproduce el anuncio es el IMA SDK, el paquete de código de Google para anuncios en reproductores. Para contenido solo de audio, Google recomienda usar una etiqueta audio para armar el AdDisplayContainer. Aunque no haya imagen, IMA igual necesita ese recuadro, y Google recomienda dejarlo oculto. Como el recuadro queda oculto, el sitio debe crear sus propios botones de pausar, continuar y volumen. La etiqueta del anuncio debe indicar que quiere audio (ad_type igual a audio o audio_video), que la solicitud es In-stream (env igual a instream) y que el reproductor tiene sonido (vpmute igual a 0).

¿Por qué tanto cuidado con el sonido? Porque la política de video de Google dice que, en espacios In-stream, los anuncios de audio no se pueden pedir ni servir en reproductores sin sonido. Tiene sentido: un anuncio de sonido en un reproductor mudo sería como una radio apagada. También conviene saber que IMA no muestra botón de omitir en anuncios de audio, así que el sitio debe crear el suyo. Y, cuando el reproductor de video puede recibir anuncios de audio, Google recomienda mucho poner un banner complementario, para que el reproductor no quede en blanco.

Paso a paso

Cómo implementarlo

  1. Crea el bloque de anuncios de audioAl crear el bloque de anuncios, elige Audio como tamaño principal de VAST.
  2. Crea el elemento de pedido y las creatividadesUsa el tipo Audio y video con el tamaño de creativo esperado Audio. Agrega creativos de audio, con o sin redireccionamiento; sin creativo de audio, el elemento de línea no entrega. Los archivos multimedia subidos a Ad Manager deben durar al menos 0,3 segundos.
  3. Arma la etiqueta de audioEn la etiqueta, usa ad_type=audio o audio_video, env=instream y vpmute=0. Cuando la solicitud es solo de audio, el tamaño sz es opcional.
  4. Prepara el reproductor con IMAUsa una etiqueta audio para el contenido y arma el AdDisplayContainer con ella. Deja el recuadro del anuncio oculto y crea los botones de pausar, continuar y volumen.
  5. Crea el botón de omitirIMA no muestra botón de omitir en audio. En cada avance del anuncio, verifica si ya se puede omitir y, al hacer clic en tu botón, pídele al AdsManager que lo omita.
  6. Agrega un banner complementarioCuando un anuncio de audio se reproduce en un reproductor de video, Google recomienda mucho mostrar un banner complementario sobre el reproductor, para que no quede en blanco.

Ejemplo implementado

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

Va en la página del reproductor de audio: el recuadro del anuncio oculto, la etiqueta que pide audio con sonido y un botón de omitir hecho por el propio sitio.
<style>
  /* a caixa do anúncio fica escondida */
  .ad-container { display: none; }
</style>

<audio id="audio-player" src="meu-programa.mp3"></audio>
<div class="ad-container"></div>
<button id="pular" hidden>Pular anúncio</button>

<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<script>
  var audio = document.getElementById('audio-player');
  var adDisplayContainer = new google.ima.AdDisplayContainer(
      document.querySelector('.ad-container'), audio);
  var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
  var adsManager;

  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&ad_type=audio&env=instream&vpmute=0' +
      '&gdfp_req=1&output=vast&unviewed_position_start=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Faudio&correlator=';
  adsLoader.requestAds(adsRequest);

  adsLoader.addEventListener(
      google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
      function (e) {
        adsManager = e.getAdsManager(audio);
        // O IMA não mostra botão de pular em áudio: o site cria o seu
        adsManager.addEventListener(google.ima.AdEvent.Type.AD_PROGRESS,
            function () {
              document.getElementById('pular').hidden =
                  !adsManager.getAdSkippableState();
            });
      });

  document.getElementById('pular').addEventListener('click', function () {
    adsManager.skip();
  });
</script>
En el escritorioLa persona escucha el anuncio en el reproductor de audio o de video. El recuadro del anuncio queda oculto y, si hay banner complementario, aparece en la página.
En el celularIgual que en computadora: el anuncio se reproduce en el reproductor con sonido, con los botones creados por el sitio, y el banner complementario puede aparecer junto.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Pedir anuncios de audio con ad_type=audio o mezclar audio y video con ad_type=audio_video.
  • Aceptar anuncios de audio en videos con sonido que se pueden seguir solo escuchando, como noticias, deportes, música y conciertos.
  • Recibir audio de Ad Exchange y de AdSense, después de vincular la cuenta a Ad Manager.
  • Usa creativos de audio, con o sin redireccionamiento.
  • Crear botones propios de pausar, continuar, volumen y omitir, ya que el recuadro del anuncio queda oculto.

No se puede

  • En espacios In-stream, los anuncios de audio no se pueden solicitar ni servir en reproductores sin sonido.
  • Con ad_type=audio o audio_video, vpmute debe ser 0: el reproductor no puede empezar en silencio.
  • Un elemento de pedido de audio sin creatividades de audio no entrega anuncios.
  • Los archivos de medios subidos a Ad Manager no pueden durar menos de 0,3 segundos.
  • No cuentes con que IMA muestre botón de omitir en audio: no lo hace.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

Pedir audio con el reproductor en silencio

La política de Google prohíbe solicitar o servir anuncios de audio en espacios In-stream sin sonido. Verifica que el reproductor tenga sonido y que vpmute=0.

Olvidar ocultar el recuadro del anuncio

IMA necesita el AdDisplayContainer incluso en audio, pero Google recomienda dejarlo oculto. Después de eso, los controles deben ser creados por el sitio.

Elemento de pedido sin creatividad de audio

Google advierte que las creatividades de audio deben agregarse al elemento de pedido, de lo contrario no entrega.

Esperar el botón de omitir de IMA

En anuncios de audio, IMA no muestra botón de omitir. Sin un botón propio, la persona no puede omitir ni siquiera cuando el anuncio lo permite.

Preguntas frecuentes

¿Sirve para un podcast o programa de audio en mi sitio?

Sirve si el audio se reproduce en un reproductor de la página con IMA. Google tiene una guía propia para solicitar anuncios en contenido solo de audio, usando la etiqueta audio de HTML.

¿Puedo reproducir un anuncio de audio dentro de un video?

Sí, en videos con sonido. Usa ad_type=audio_video y env=instream en la etiqueta y acepta el tamaño Audio en los elementos de línea.

¿Cuándo se cuenta la impresión?

Google dice que la impresión se cuenta cuando el reproductor con IMA empieza a reproducir el anuncio.

¿Necesito mostrar alguna imagen?

No es obligatorio, pero, en reproductores de video que pueden recibir anuncios de audio, Google recomienda mucho usar banners complementarios, para que el reproductor no quede en blanco.

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