Que tamaños de banner usar
Se só vas reservar uns poucos ocos, con estes cobres case todo: 300 × 250 (Medium Rectangle) dentro do contido, 728 × 90 (Leaderboard) na cabeceira de escritorio, 300 × 600 (Half Page) na barra lateral e 320 × 100 ou 320 × 50 no móbil. Son os que máis anunciantes compran, así que se enchen antes e pagan mellor.
O 300 × 250 é o comodín: cabe en escritorio e en móbil, entre parágrafos ou na barra lateral. Se dubidas, empeza por el.
Bloques adaptables de AdSense
AdSense recomenda hoxe os bloques responsive, que escollen o tamaño segundo o oco dispoñible. Aínda así, o
oco deséñalo ti: reserva o alto con CSS para que a páxina non salte cando carga o anuncio (é o que mide o
CLS de Core Web Vitals). Un min-height co tamaño máis
probable abonda:
.anuncio-lateral { min-height: 600px; } /* 300 × 600 */
.anuncio-contido { min-height: 280px; } /* 336 × 280 ou 300 × 250 */Como maquetar os ocos con placeholders
Cada URL das táboas devolve unha imaxe do tamaño exacto. Ponla no oco mentres deseñas e verás como queda a páxina co anuncio, sen depender de que AdSense sirva algo en desenvolvemento:
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Anuncio">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Publicidade" width="728" height="90" alt="">
Os alias (/leaderboard, /medrec, /halfpage…) aceptan as mesmas cores, formato
e texto ca calquera outra imaxe do xerador.
Dous alias cun tamaño que non é o do seu nome
ximg.es herda os alias de DummyImage e non os cambia, porque hai miles de páxinas que os usan. Dous deles devolven
un tamaño distinto do que indica o seu nome: /wideskyscraper dá 60 × 600 (o Wide Skyscraper da IAB mide
160 × 600; para ese usa /skyscraper160) e /svga dá 1024 × 600 (SVGA é 800 × 600; usa
/svga800). As táboas mostran o que devolve cada alias, non o que promete.