Guia de implementação

Anúncio de display

Display ads

O anúncio clássico do AdSense: um retângulo ou uma faixa que você coloca onde quiser e que pode se ajustar sozinho ao tamanho da tela.

AdSense
celular e desktop

Aprender o formato Conferir no meu site

Desktop

Celular

Entenda em 1 minuto

O que é o anúncio de display

O anúncio de display é o tipo mais conhecido do AdSense. Pense num cartaz pendurado na parede da escola: ele fica num lugar fixo e todo mundo que passa consegue ver. No site é igual. Você escolhe um espaço na página, cola ali um pedaço de código, e o Google coloca um anúncio nesse espaço.

Existem dois jeitos de criar esse anúncio. O primeiro é o responsivo, que é o que o Google recomenda. Ele funciona como água num copo: toma a forma do espaço onde foi colocado. Se a pessoa abre o site no computador, no tablet ou no celular, o anúncio calcula sozinho o tamanho certo. Se a pessoa gira o celular, um anúncio novo, do tamanho certo, é carregado. O segundo jeito é o fixo, em que você escolhe a largura e a altura exatas, por exemplo 300 por 250 pixels. O Google avisa que no tamanho fixo pode haver menos anúncios disponíveis, e isso pode diminuir os ganhos.

Os tamanhos que o Google aponta como os de melhor desempenho são 300x250 (retângulo médio), 336x280 (retângulo grande), 728x90 (cabeçalho), 300x600 (meia página) e 320x100 (banner grande para celular). Com o celular em pé, o anúncio responsivo pode se esticar e ocupar a largura inteira da tela, porque os testes do Google mostraram que assim ele funciona melhor. Isso só acontece quando o sistema acha que vai dar um bom resultado e uma boa experiência para quem visita.

Vale a pena usar o anúncio de display quando você quer decidir com as próprias mãos onde cada anúncio aparece, por exemplo no topo do artigo ou ao lado do texto. Só lembre que o lugar escolhido precisa seguir as regras de posicionamento do Google: o anúncio não pode ficar disfarçado de conteúdo, é preciso cuidado para não deixá-lo colado em menus ou botões, e a tela não pode ter mais anúncio do que conteúdo.

Passo a passo

Como implementar

Abra o menu de anúnciosEntre na sua conta do AdSense, clique em Anúncios e depois em Por bloco de anúncios.
Escolha Anúncios gráficosClique em Anúncios gráficos e dê ao bloco um nome descritivo e exclusivo, fácil de reconhecer.
Escolha o tamanhoMarque Responsivo, que é o recomendado pelo Google, ou Fixo, se quiser digitar uma largura e uma altura exatas.
Pegue o códigoClique em Salvar e receber código e copie o código do bloco.
Cole na páginaCole o código entre as tags body, no ponto exato da página onde o anúncio deve aparecer. Depois clique em Concluído.
Espere aparecerNormalmente os anúncios aparecem em poucos minutos, mas podem levar até uma hora. Se não aparecerem, confira na página Sites se o seu site já está com o status Pronto.

Exemplo implementado

O código e como fica na tela

Este código vai dentro do body, exatamente no lugar da página onde o anúncio deve aparecer.

<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

No desktopAparece como um retângulo ou uma faixa no espaço que você reservou, por exemplo uma faixa de 728x90 no topo ou um retângulo de 300x250 ao lado do texto.

No celularO anúncio responsivo se ajusta à largura da tela. Com o celular em pé, ele pode ocupar a largura inteira da tela.

O que o Google orienta

Pode e não pode

Pode

Escolher o tamanho responsivo, que é o recomendado pelo Google, ou um tamanho fixo.
Usar os tamanhos que o Google aponta como os de melhor desempenho: 300x250, 336x280, 728x90, 300x600 e 320x100.
Colocar o código dentro de uma div ou de uma tabela para posicionar o anúncio, por exemplo centralizado na página.
Escrever um rótulo em cima do anúncio. A política do Google só permite os nomes Publicidade ou Links patrocinados (em inglês, Advertisements ou Sponsored Links).
Colocar vários anúncios na mesma página, desde que a tela nunca tenha mais anúncios do que conteúdo.
Definir o tamanho do anúncio responsivo para cada largura de tela com CSS, seguindo o exemplo da ajuda do Google, e testar depois em vários aparelhos.

Não pode

Pedir cliques, com frases como clique no anúncio, ou dizer que o clique ajuda o site. Também é proibido dar qualquer prêmio em troca de clique.
Colocar o anúncio perto de menus, links, botões de download, botões de play, players de vídeo ou janelas de jogo, onde a pessoa pode clicar sem querer.
Usar setas, símbolos ou animações chamativas para puxar o olhar para o anúncio.
Colocar o anúncio debaixo de títulos enganosos como Recursos ou Links úteis, ou deixá-lo com cara de conteúdo do site.
Ter mais anúncios do que conteúdo na tela, ou mostrar anúncios em telas sem conteúdo, como páginas de obrigado, de erro ou de saída.
Fazer a página ou o anúncio recarregar sozinho, sem a pessoa pedir.

Dicas

Para fazer do jeito certo

Deixe ligada a largura total no celular (data-full-width-responsive com valor true). O Google diz que assim o anúncio ocupa a largura total da tela mais vezes, o que tem o maior potencial de receita.
Evite colocar o anúncio responsivo numa caixa com altura fixa ou limitada. Se precisar limitar, defina a altura da caixa com CSS media queries.
A caixa onde o anúncio fica precisa ter largura definida. Uma caixa flutuante sem largura atrapalha o cálculo do tamanho.
Alguns tamanhos têm poucos anunciantes, como 468x60, 120x600, 300x1050, 970x250, 250x250 e 200x200, e podem render menos.

Cuidado

Erros comuns

Código fora do body

Colar o código do bloco fora das tags body impede que os anúncios apareçam direito.

Caixa sem largura

Se o anúncio responsivo fica numa caixa sem largura definida, como um elemento flutuante, ele não consegue calcular o tamanho. Defina a largura com CSS media queries.

Altura travada

Uma caixa com altura fixa ou limitada atrapalha o anúncio responsivo. O Google recomenda evitar isso.

Script que esconde conteúdo

Scripts que rodam antes do anúncio e escondem partes da página podem impedir o cálculo do tamanho. A solução indicada é definir o tamanho com CSS media queries.

Perguntas frequentes

Responsivo ou fixo, qual devo escolher?

O Google recomenda o responsivo. O fixo pode ter menos anúncios disponíveis, o que pode diminuir os ganhos.

Quanto tempo demora para o anúncio aparecer?

Normalmente poucos minutos, mas pode levar até uma hora.

Quantos anúncios posso colocar numa página?

A política não fixa um número. A regra é a tela não ter mais anúncios do que conteúdo, e o Google lembra que menos pode ser mais.

Girar o celular troca o anúncio?

Sim. Quando a tela muda de posição, um anúncio novo do tamanho certo é carregado. O anterior fica guardado e volta se a pessoa girar o celular de novo.

Posso esconder o anúncio em telas pequenas?

Sim. A ajuda do Google mostra como usar CSS com display none para esconder o bloco numa largura de tela. Escondido assim, o anúncio nem é pedido.

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