Que tamanhos de banner usar
Se só vai reservar alguns espaços, com estes cobre quase tudo: 300 × 250 (Medium Rectangle) dentro do conteúdo, 728 × 90 (Leaderboard) no cabeçalho em computador, 300 × 600 (Half Page) na barra lateral e 320 × 100 ou 320 × 50 no telemóvel. São os que mais anunciantes compram, por isso enchem-se primeiro e pagam melhor.
O 300 × 250 é o curinga: cabe em computador e em telemóvel, entre parágrafos ou na barra lateral. Na dúvida, comece por ele.
Blocos adaptáveis do AdSense
O AdSense recomenda hoje os blocos responsive, que escolhem o tamanho conforme o espaço disponível. Ainda assim,
o espaço é desenhado por si: reserve a altura com CSS para que a página não salte quando o anúncio carrega (é o que
mede o CLS das Core Web Vitals). Basta um min-height com o
tamanho mais provável:
.anuncio-lateral { min-height: 600px; } /* 300 × 600 */
.anuncio-conteudo { min-height: 280px; } /* 336 × 280 ou 300 × 250 */Como maquetar os espaços com placeholders
Cada URL das tabelas devolve uma imagem do tamanho exato. Coloque-a no espaço enquanto desenha e verá como fica a página com o anúncio, sem depender de o AdSense servir alguma coisa em desenvolvimento:
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Anúncio">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Publicidade" width="728" height="90" alt="">
Os alias (/leaderboard, /medrec, /halfpage…) aceitam as mesmas cores, formato
e texto que qualquer outra imagem do gerador.
Dois alias com um tamanho que não é o do nome
O ximg.es herda os alias do DummyImage e não os altera, porque há milhares de páginas que os usam. Dois deles devolvem
um tamanho diferente do que o nome indica: /wideskyscraper dá 60 × 600 (o Wide Skyscraper da IAB mede
160 × 600; para esse use /skyscraper160) e /svga dá 1024 × 600 (SVGA é 800 × 600; use
/svga800). As tabelas mostram o que cada alias devolve, não o que promete.