Guia de implementação

Anúncio de áudio

Audio ads (in-stream audio)

Anúncio só de som que toca dentro de um player de áudio ou de vídeo com som, como os comerciais do rádio.

Ad Manager
Ad Exchange
AdSense (via Ad Manager)
dentro de um player de áudio ou de um player de vídeo com som

Aprender o formato Conferir no meu site

Desktop

Celular

Entenda em 1 minuto

O que é o anúncio de áudio

Sabe os comerciais do rádio, quando a música para e alguém fala de uma loja? O anúncio de áudio é isso no seu site. É um anúncio só de som que toca dentro de um player, do mesmo jeito que os anúncios em vídeo, mas sem imagem. Ele combina com conteúdos que a pessoa escuta, como músicas, programas falados e vídeos que dá para acompanhar só ouvindo.

No Ad Manager, o jeito de configurar áudio é parecido com o de vídeo. Você cria um bloco de anúncios com Áudio como tamanho principal do VAST, usa itens de linha do tipo Áudio e vídeo com o tamanho de criativo Áudio e coloca criativos de áudio. O Google também diz que sites com vídeos que dá para só ouvir, como notícias, esportes, música e shows, podem aceitar anúncios de áudio nos vídeos com som. Para receber áudio do Ad Exchange e do AdSense, a conta precisa estar ligada ao Ad Manager.

Do lado do site, quem toca o anúncio é o IMA SDK, o pacote de código do Google para anúncios em player. Para conteúdo só de áudio, o Google recomenda usar uma tag audio para montar o AdDisplayContainer. Mesmo sem imagem, o IMA ainda precisa dessa caixa, e o Google recomenda deixá-la escondida. Como a caixa fica escondida, o site precisa criar os próprios botões de pausar, continuar e volume. A tag do anúncio precisa dizer que quer áudio (ad_type igual a audio ou audio_video), que o pedido é In-stream (env igual a instream) e que o player está com som (vpmute igual a 0).

Por que tanto cuidado com o som? Porque a política de vídeo do Google diz que, em espaços In-stream, anúncios de áudio não podem ser pedidos nem servidos em players sem som. Faz sentido: anúncio de som num player mudo seria como um rádio desligado. Também vale saber que o IMA não mostra botão de pular em anúncios de áudio, então o site precisa criar o seu. E, quando o player de vídeo pode receber anúncios de áudio, o Google recomenda muito colocar um banner complementar, para o player não ficar em branco.

Passo a passo

Como implementar

Crie o bloco de anúncios de áudioAo criar o bloco de anúncios, escolha Áudio como tamanho principal do VAST.
Crie o item de linha e os criativosUse o tipo Áudio e vídeo com o tamanho de criativo esperado Áudio. Adicione criativos de áudio, com ou sem redirecionamento; sem criativo de áudio, o item de linha não entrega. Arquivos de mídia enviados ao Ad Manager precisam ter pelo menos 0,3 segundo.
Monte a tag de áudioNa tag, use ad_type=audio ou audio_video, env=instream e vpmute=0. Quando o pedido é só de áudio, o tamanho sz é opcional.
Prepare o player com IMAUse uma tag audio para o conteúdo e monte o AdDisplayContainer com ela. Deixe a caixa do anúncio escondida e crie os botões de pausar, continuar e volume.
Crie o botão de pularO IMA não mostra botão de pular em áudio. Confira a cada avanço do anúncio se ele já pode ser pulado e, no clique do seu botão, peça ao AdsManager para pular.
Adicione um banner complementarQuando um anúncio de áudio toca num player de vídeo, o Google recomenda muito mostrar um banner complementar por cima do player, para ele não ficar em branco.

Exemplo implementado

O código e como fica na tela

Vai na página do player de áudio: a caixa do anúncio escondida, a tag pedindo áudio com som e um botão de pular feito pelo próprio site.

<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>

No desktopA pessoa ouve o anúncio no player de áudio ou de vídeo. A caixa do anúncio fica escondida e, se houver banner complementar, ele aparece na página.

No celularIgual ao computador: o anúncio toca no player com som, com os botões criados pelo site, e o banner complementar pode aparecer junto.

O que o Google orienta

Pode e não pode

Pode

Pedir anúncios de áudio com ad_type=audio ou misturar áudio e vídeo com ad_type=audio_video.
Aceitar anúncios de áudio em vídeos com som que dá para acompanhar só ouvindo, como notícias, esportes, música e shows.
Receber áudio do Ad Exchange e do AdSense, depois de ligar a conta ao Ad Manager.
Usar criativos de áudio, com ou sem redirecionamento.
Criar botões próprios de pausar, continuar, volume e pular, já que a caixa do anúncio fica escondida.

Não pode

Em espaços In-stream, anúncios de áudio não podem ser pedidos nem servidos em players sem som.
Com ad_type=audio ou audio_video, o vpmute precisa ser 0: o player não pode começar mudo.
Um item de linha de áudio sem criativos de áudio não entrega anúncios.
Arquivos de mídia enviados ao Ad Manager não podem ter menos de 0,3 segundo.
Não conte com o IMA para mostrar botão de pular em áudio: ele não faz isso.

Dicas

Para fazer do jeito certo

Nos relatórios, anúncios de áudio aparecem como Áudio na dimensão Tamanho do criativo renderizado e como 1 x 1 v na dimensão Tamanhos de anúncio solicitados.
A impressão conta quando o player com IMA começa a tocar o anúncio.
Quando um criativo de áudio toca num player de vídeo, o Google indica mostrar o banner complementar por cima do player.

Cuidado

Erros comuns

Pedir áudio com o player mudo

A política do Google proíbe pedir ou servir anúncios de áudio em espaços In-stream sem som. Confira se o player está com som e se vpmute=0.

Esquecer de esconder a caixa do anúncio

O IMA precisa do AdDisplayContainer mesmo no áudio, mas o Google recomenda deixá-lo escondido. Depois disso, os controles precisam ser criados pelo site.

Item de linha sem criativo de áudio

O Google avisa que os criativos de áudio precisam ser adicionados ao item de linha, senão ele não entrega.

Esperar o botão de pular do IMA

Em anúncios de áudio, o IMA não mostra botão de pular. Sem um botão próprio, a pessoa não consegue pular nem quando o anúncio permite.

Perguntas frequentes

Serve para um podcast ou programa de áudio no meu site?

Serve se o áudio toca num player da página com o IMA. O Google tem um guia próprio para pedir anúncios em conteúdo só de áudio, usando a tag audio do HTML.

Posso tocar anúncio de áudio dentro de um vídeo?

Pode, em vídeos com som. Use ad_type=audio_video e env=instream na tag e aceite o tamanho Áudio nos itens de linha.

Quando a impressão é contada?

O Google diz que a impressão conta quando o player com o IMA começa a tocar o anúncio.

Preciso mostrar alguma imagem?

Não é obrigatório, mas, em players de vídeo que podem receber anúncios de áudio, o Google recomenda muito usar banners complementares, para o player não ficar em branco.

Biblioteca

Fonte oficial do Google

Tudo nesta página segue a documentação oficial do Google. Leia direto na fonte:

Seu site usa este formato do jeito certo?

A auditoria lê o site como um visitante, sem clicar em nada, e mostra o que corrigir.

Fazer uma auditoria