Quines mides de bàner fer servir
Si només has de reservar uns quants espais, amb aquests ho cobreixes gairebé tot: 300 × 250 (Medium Rectangle) dins del contingut, 728 × 90 (Leaderboard) a la capçalera d’escriptori, 300 × 600 (Half Page) a la barra lateral i 320 × 100 o 320 × 50 al mòbil. Són els que compren més anunciants, així que s’omplen abans i paguen millor.
El 300 × 250 és el comodí: hi cap en escriptori i en mòbil, entre paràgrafs o a la barra lateral. Si dubtes, comença per aquest.
Blocs adaptables d’AdSense
AdSense recomana avui els blocs responsive, que trien la mida segons l’espai disponible. Tot i així, l’espai
el dissenyes tu: reserva l’alçada amb CSS perquè la pàgina no salti quan carrega l’anunci (és el que mesura el
CLS de Core Web Vitals). N’hi ha prou amb un min-height amb la
mida més probable:
.anunci-lateral { min-height: 600px; } /* 300 × 600 */
.anunci-contingut { min-height: 280px; } /* 336 × 280 o 300 × 250 */Com maquetar els espais amb placeholders
Cada URL de les taules retorna una imatge de la mida exacta. Posa-la a l’espai mentre dissenyes i veuràs com queda la pàgina amb l’anunci, sense dependre que AdSense serveixi res en desenvolupament:
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Anunci">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Publicitat" width="728" height="90" alt="">
Els àlies (/leaderboard, /medrec, /halfpage…) accepten els mateixos colors, format
i text que qualsevol altra imatge del generador.
Dos àlies amb una mida que no és la del seu nom
ximg.es hereta els àlies de DummyImage i no els canvia, perquè hi ha milers de pàgines que els fan servir. Dos d’ells
retornen una mida diferent de la que indica el nom: /wideskyscraper dona 60 × 600 (el Wide Skyscraper de la
IAB fa 160 × 600; per a aquest fes servir /skyscraper160) i /svga dona 1024 × 600 (SVGA és
800 × 600; fes servir /svga800). Les taules mostren el que retorna cada àlies, no el que promet.