Abrir workspace

Guia de implementação

Anúncio sobreposto ao vídeo

Overlay ads (non-linear ads)

Anúncio de texto ou imagem que cobre uma parte do vídeo enquanto ele continua tocando, sem parar o conteúdo.

  • Ad Manager
  • Ad Exchange
  • AdSense (via Ad Manager)
  • dentro do player de vídeo, por cima de uma parte do conteúdo
Aprender o formatoConferir no meu site
Desktop
Celular

Entenda em 1 minuto

O que é o anúncio sobreposto ao vídeo

Sabe quando você assiste a um jogo na TV e aparece, numa faixa da tela, uma propaganda pequena, mas o jogo continua? O anúncio sobreposto é parecido. É um anúncio de texto ou de imagem que cobre só uma parte do vídeo enquanto ele está tocando. O vídeo não para: a pessoa continua assistindo, e o anúncio fica ali por cima, como um adesivo colado num pedacinho da tela.

No mundo dos anúncios em vídeo, isso se chama anúncio não linear (non-linear). Linear é o anúncio que toma o lugar do vídeo, como o pre-roll, que para o conteúdo. Não linear é o que divide a tela com o vídeo. No Ad Manager, existe um tipo de criativo chamado Sobreposição, que o Google descreve como um anúncio que cobre parte do conteúdo de vídeo enquanto ele toca. O anúncio pode ser texto, imagem ou os dois. Você pode subir o arquivo no Ad Manager ou usar um arquivo remoto, e pode configurar duração, escala e links de rastreamento de terceiros.

No site, quem mostra o overlay é o IMA SDK, o pacote de código do Google para anúncios em player. No pedido, o player informa a largura e a altura da área retangular onde o anúncio não linear pode aparecer. O Google diz que esse tamanho é obrigatório para anúncios não lineares e que ajuda a escolher o anúncio, mas não precisa ser igual ao tamanho real dele. Quando o anúncio carrega e não é linear, o código de exemplo do Google continua tocando o vídeo, para o anúncio ficar por cima do conteúdo em movimento.

Tem regras importantes. Se as regras de anúncio de vídeo estiverem ativas na rede ou na própria tag, anúncios sobrepostos não podem ser servidos. E, pela política de vídeo do Google, os controles do vídeo e do anúncio não podem ficar cobertos, escondidos ou sem funcionar. Então o overlay precisa caber na área certa sem tapar os botões de play, pausa e volume.

Passo a passo

Como implementar

  1. Crie o criativo de SobreposiçãoNo item de linha de vídeo, adicione um criativo do tipo Sobreposição. Suba o arquivo no Ad Manager ou use um arquivo remoto e, se quiser, configure duração, escala e rastreamento.
  2. Verifique as regras de anúncioSe as regras de anúncio de vídeo estiverem ativas na rede ou na tag, anúncios sobrepostos não são elegíveis. Confira isso antes de contar com o overlay.
  3. Informe a área não linear no pedidoNo AdsRequest do IMA, informe a largura e a altura da área não linear. O Google diz que esses valores são obrigatórios para anúncios não lineares.
  4. Continue tocando o vídeoQuando o anúncio carregar, confira se ele é linear. Se não for, mande o vídeo continuar tocando, como no exemplo do Google.
  5. Ajuste ao tamanho do playerQuando a janela mudar de tamanho, redimensione o AdsManager com o tamanho do vídeo, para o overlay continuar no lugar certo.

Exemplo implementado

O código e como fica na tela

Vai no código do player com IMA: informa a área do overlay no pedido e mantém o vídeo tocando quando o anúncio carregado não é linear.
<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>
No desktopUma faixa com texto ou imagem aparece sobre uma parte do vídeo, enquanto o vídeo continua tocando por baixo.
No celularTambém aparece por cima de uma parte do vídeo dentro do player, sem pausar o conteúdo, se o player e o anúncio estiverem configurados para isso.

O que o Google orienta

Pode e não pode

Pode

  • Mostrar um anúncio de texto, imagem ou os dois cobrindo parte do vídeo enquanto ele toca.
  • Subir o criativo Overlay no Ad Manager ou usar um arquivo remoto, com duração, escala e rastreamento opcionais.
  • Manter o vídeo tocando enquanto o anúncio não linear aparece.
  • Usar criativos de Sobreposição na Programática Garantida hospedada pelo publisher.

Não pode

  • Com regras de anúncio de vídeo ativas na rede ou na tag, anúncios sobrepostos não podem ser servidos.
  • Não pode deixar o overlay cobrir, esconder ou travar os controles do vídeo e do anúncio.
  • Não pode pedir anúncio não linear sem informar a largura e a altura da área não linear: o Google diz que são obrigatórias.
  • Não pode usar os produtos IMA para ganhar dinheiro com vídeos do YouTube.
  • Não pode ter mais de um player tocando sozinho visível ao mesmo tempo.

Dicas

Para fazer do jeito certo

Cuidado

Erros comuns

Usar overlay com regras de anúncio ligadas

O Google diz que, com regras de anúncio de vídeo ativas na rede ou na tag, anúncios não lineares não são elegíveis. O overlay simplesmente não aparece.

Esquecer a área não linear

Sem informar a largura e a altura da área não linear no pedido, o IMA não tem o critério obrigatório para escolher esse tipo de anúncio.

Pausar o vídeo no overlay

O overlay foi feito para aparecer com o vídeo tocando. O exemplo do Google manda o vídeo continuar quando o anúncio carregado não é linear.

Tapar os botões do player

Se o overlay ficar em cima dos controles, a pessoa não consegue pausar nem mudar o volume, e isso vai contra a política de vídeo do Google.

Perguntas frequentes

O overlay para o vídeo?

Não. Ele cobre só uma parte do vídeo enquanto o conteúdo continua tocando. Quem para o vídeo são os anúncios lineares, como o pre-roll.

Posso usar overlay junto com as regras de anúncio?

Não. Com regras de anúncio de vídeo ativas na rede ou na tag, os anúncios sobrepostos não são elegíveis.

Que tamanho devo informar?

O exemplo do Google usa 640 por 150. O valor serve para escolher o anúncio e não precisa ser igual ao tamanho real dele.

O overlay pode ser só texto?

Pode. O Google diz que anúncios sobrepostos podem ser texto, imagem ou os dois.

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