Quali dimensioni di banner usare
Se devi riservare solo pochi spazi, con questi copri quasi tutto: 300 × 250 (Medium Rectangle) dentro il contenuto, 728 × 90 (Leaderboard) nell’intestazione desktop, 300 × 600 (Half Page) nella barra laterale e 320 × 100 o 320 × 50 su mobile. Sono i formati che comprano più inserzionisti, quindi si riempiono prima e pagano meglio.
Il 300 × 250 è il jolly: sta su desktop e su mobile, tra i paragrafi o nella barra laterale. Nel dubbio, parti da lì.
Unità adattabili di AdSense
Oggi AdSense consiglia le unità responsive, che scelgono le dimensioni in base allo spazio disponibile. Lo spazio
però lo progetti tu: riserva l’altezza con il CSS perché la pagina non salti quando si carica l’annuncio (è ciò che misura
il CLS dei Core Web Vitals). Basta un min-height con la
dimensione più probabile:
.annuncio-laterale { min-height: 600px; } /* 300 × 600 */
.annuncio-contenuto { min-height: 280px; } /* 336 × 280 o 300 × 250 */Come impaginare gli spazi con i segnaposto
Ogni URL delle tabelle restituisce un’immagine delle dimensioni esatte. Mettila nello spazio mentre progetti e vedrai come appare la pagina con l’annuncio, senza dipendere da AdSense in fase di sviluppo:
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Annuncio">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Pubblicità" width="728" height="90" alt="">
Gli alias (/leaderboard, /medrec, /halfpage…) accettano gli stessi colori, formato
e testo di qualsiasi altra immagine del generatore.
Due alias con dimensioni diverse dal loro nome
ximg.es eredita gli alias da DummyImage e non li cambia, perché migliaia di pagine li usano. Due di essi restituiscono
dimensioni diverse da quelle che indica il nome: /wideskyscraper dà 60 × 600 (il Wide Skyscraper della IAB
misura 160 × 600; per quello usa /skyscraper160) e /svga dà 1024 × 600 (SVGA è 800 × 600; usa
/svga800). Le tabelle mostrano ciò che restituisce ogni alias, non ciò che promette.