Abrir workspace

Guia de implementação

Anúncio âncora

Anchor ads

Faixa de anúncio que fica presa no topo ou no rodapé da tela enquanto a pessoa rola a página, e que pode ser fechada com facilidade.

  • AdSense
  • Ad Manager
  • celular e desktop
Aprender o formatoConferir no meu site
Desktop
Celular

Entenda em 1 minuto

O que é o anúncio âncora

O anúncio âncora é uma faixa de propaganda que fica grudada na beirada da tela. Pense num ímã de geladeira: a porta abre e fecha, mas o ímã continua no mesmo lugar. Aqui é igual. A pessoa rola o texto para cima e para baixo, e a faixa continua parada no topo ou no rodapé da tela. Ela fica por cima da página.

No AdSense, o âncora faz parte dos anúncios automáticos, no grupo chamado formatos overlay. Overlay quer dizer que o anúncio fica por cima da página. O Google explica que, por padrão, o âncora aparece no topo da tela e vai para baixo quando ficar no topo atrapalharia a pessoa. O de cima só aparece depois que a pessoa rola o bastante, para nunca tapar o nome do site nem o menu. Existe também o âncora dinâmico, que pode ficar maior, encolher ou ir para um cantinho da tela como um anúncio pequeno.

No Ad Manager, quem cuida do âncora é o GPT, a Google Publisher Tag, que é o código do Google que pede e mostra anúncios na página. Você pede um slot, que é o espaço de anúncio, do tipo âncora de cima ou âncora de baixo. O próprio GPT cria a caixinha do anúncio, então você não precisa desenhar um espaço na página. Se a página ou o aparelho não aceitar esse formato, o GPT não cria o slot.

O Google diz que o âncora é um formato de alto desempenho que segue os Padrões Better Ads, que são regras para os anúncios não incomodarem quem lê. A pessoa pode fechar o anúncio a qualquer momento, clicando na setinha. No celular e no computador, o Google recomenda pedir o âncora só nas páginas onde você quer que ele apareça. Se o mesmo código vai para os dois, vale definir quando e onde cada um mostra o âncora.

Passo a passo

Como implementar

  1. Coloque o código em todas as páginasNo AdSense, os anúncios automáticos funcionam com um único código colocado em todas as páginas do site. No Ad Manager, a página precisa carregar o GPT.
  2. Ligue o âncora no AdSenseClique em Anúncios e em Editar ao lado do site. Em Configurações de anúncios, ative Anúncios automáticos. Em Formatos overlay, deixe Anúncios âncora ativado. Depois clique em Aplicar ao site.
  3. Escolha a posição e as telasNas configurações avançadas, use Selecionar a posição do anúncio âncora: Na parte de cima ou de baixo, Somente na parte de cima ou Somente na parte de baixo. Ali também ficam as opções de âncoras dinâmicos e de telas com mais de 1.000 pixels.
  4. No Ad Manager, crie o slot âncoraNo GPT, defina um slot fora da página do tipo âncora de cima ou de baixo, de preferência dentro do head. Depois confira se ele não voltou vazio.
  5. Prepare o inventário no Ad ManagerCrie ou reaproveite blocos de anúncios com o tamanho 320x50 e os outros tamanhos tradicionais. Nos itens de linha reservados, você pode segmentar pelo formato de inventário âncora.
  6. Teste sem mudar o códigoEm qualquer página que já carrega o GPT, acrescente no fim do endereço o código de demonstração mostrado no exemplo para ver um âncora de teste.

Exemplo implementado

O código e como fica na tela

Os dois blocos vão no head da página: o primeiro é para quem usa AdSense e o segundo para quem usa Ad Manager com GPT; use só o do seu produto.
<!-- AdSense (opcional): âncoras só no rodapé -->
<script async
  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
  data-overlays="bottom"
  crossorigin="anonymous"></script>

<!-- Ad Manager (GPT): slot âncora -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const anchorSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR // ou TOP_ANCHOR
    );
    // Volta null se a página ou o aparelho não aceitar âncora
    if (anchorSlot) {
      anchorSlot.addService(googletag.pubads());
    }
    googletag.enableServices();
    if (anchorSlot) {
      googletag.display(anchorSlot);
    }
  });
</script>

<!-- Teste: https://www.exemplo.com/#gamTopAnchorDemo
     ou #gamBottomAnchorDemo -->
No desktopNo computador, o âncora aparece como uma faixa presa no topo ou no rodapé da tela. No AdSense, uma opção permite ou bloqueia âncoras em telas com mais de 1.000 pixels de largura.
No celularNo celular, a faixa fica presa no topo ou no rodapé enquanto a pessoa rola. A versão dinâmica pode ocupar mais espaço, e a pessoa pode encolher ela na hora para o tamanho normal.

O que o Google orienta

Pode e não pode

Pode

  • Deixar o Google escolher entre topo e rodapé, ou escolher somente na parte de cima ou somente na parte de baixo nas configurações avançadas do AdSense.
  • Mudar o código do AdSense com o parâmetro oficial para mostrar âncoras só no rodapé, ou só âncoras comuns no rodapé, sem a versão recolhível. O Google chama essas mudanças de modificações permitidas.
  • Mostrar âncoras no celular, no tablet e no computador, desde que você peça o anúncio só nos lugares onde quer que ele apareça.
  • No Ad Manager, segmentar itens de linha pelo formato de inventário âncora e comparar o desempenho com a dimensão Formato de inventário.
  • Medir o resultado no AdSense com um relatório personalizado filtrado pelo formato de anúncio Âncora.

Não pode

  • Não mande o mesmo código para celular e computador sem decidir onde cada um deve ter âncora, e não peça âncora em páginas onde você não quer anúncio.
  • Não rode o GPT dentro de um iframe: o âncora só funciona quando o GPT está na janela principal.
  • Não altere o código do AdSense além das modificações aceitas pelo Google, e não faça o anúncio deslizar, dar zoom ou chamar atenção demais.
  • Não incentive cliques no anúncio, nem com frases pedindo clique, nem com setas apontando para ele.

Dicas

Para fazer do jeito certo

Cuidado

Erros comuns

Não conferir se o slot veio vazio

O GPT devolve null quando a página não aceita âncora. Se o código não conferir isso, ele tenta usar um slot que não existe.

Página sem ajuste para celular

O âncora pede uma página otimizada para celular, com zoom neutro. Normalmente isso se resolve com a etiqueta de viewport no head.

Chamar a exibição cedo demais

Com o pedido único (SRA), a primeira exibição pede todos os slots definidos antes dela. Se vier antes dos espaços fixos existirem na página, anúncios ficam de fora. O Google recomenda atrasar essa primeira chamada.

Achar que o âncora está desligado

Quem usa o parâmetro de rodapé no código do AdSense liga o âncora mesmo com a opção desligada no painel. Para desligar de verdade, tire o parâmetro também.

Perguntas frequentes

O âncora aparece no computador?

Pode aparecer. No AdSense ele serve principalmente no celular, mas também no computador, e você controla isso com a opção de telas com mais de 1.000 pixels.

A pessoa consegue fechar o anúncio?

Sim. O Google diz que o âncora é fácil de dispensar, e no Ad Manager a pessoa pode fechar a qualquer momento clicando na seta.

Preciso criar uma div para o âncora no Ad Manager?

Não. O âncora cria a própria caixinha. Você só define o slot no GPT.

O âncora pode ter vídeo no Ad Manager?

Pode. Vídeo fora do player (não in-stream) vem ativado por padrão, e a proteção Bloquear anúncios em vídeo que não são in-stream precisa estar desligada.

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