Da mesi ormai, sono stati introdotti nel programma di Google Adsense gli Annunci Display Adattabili (Responsive), utilissimi, poiché, come suggerisce il nome, si adattano ad ogni tipo di spazio in cui vengono inseriti.
Qualora però, servisse dare un limite a questo ridimensionamento automatico, come imposto un’altezza e larghezza massima ai banner Adsense? Partiamo dall’inizio cercando di capirne il funzionamento.
Creando un nuovo annuncio Display, noterai sulle opzioni laterali la possibilità di scegliere tra la dimensione Adattabile o Fissa. Con quest’ultima, potrai inserire una larghezza e altezza predefinita, ma non ve lo consiglio, poiché, oltre a non adattarsi ai differenti dispositivi mobile – come smartphone e tablet – rischi di perderti alcune pubblicità, in quanto, non vi è una corretta e sufficiente risoluzione per mostrarli.
Con gli annunci adattabili, invece, questo problema non sussiste. Sono stati creati appositamente per essere utilizzati e adattarsi ad ogni dispositivo con meno noie di gestione e creazione. Alle volte però, occorre limitare il ridimensionamento automatico in base alle nostre esigenze di stile grafico o per non rubare troppo campo visivo alle lettura.
Se avete fatto caso, fra le altre opzioni al momento della creazione di un annuncio adattabile, c’è la possibilità di scegliere fra 3 formati disponibili: Quadrato, Orizzontale, Verticale.

I banner adsense quadrati diventano alle volte verticali!
Ho notato che pur scegliendo un tipo di formato citato sopra, in alcune situazioni il banner quadrato assumendo la forma verticale non adattandosi per nulla allo stile del mio sito web e come desideravo fosse visualizzato. Come possiamo quindi impostare larghezza e altezza massima dei banner adsense adattabili?
Come impostare un’altezza e larghezza massima al banner adattabile adsense?
Prendiamo come esempio un classico banner adattabile, che viene fornito di base appena creato l’annuncio dal menu Annunci > Panoramica > Per unità pubblicitaria > Annunci Display:

La prima cosa che mi è venuta in mente di fare è provare a modificare il parametro “style”, definendo una massima altezza esempio: max-height: 150px, in quanto lo stile ci permette solitamente alcune modifiche al nostro annuncio, ma a quanto pare non funziona! O meglio, Funziona, bisogna però togliere “auto” in data-ad.format=. Rimuovendo la voce o lasciando lo spazio bianco avremo l’altezza desiderata.
Stessa cosa se volgiamo inserire una larghezza massima, in questo esempio io inserirò width:100% per far ottenere la massima ampiezza al banner.
Formati standard dell’annuncio
Possiamo editare il parametro “data-ad-format=”auto”, sostituendo “auto” con una delle seguenti voci: rectangle, vertical”, horizontal o qualsiasi combinazione con essi, per avere un forma di default.
Banner quadrato
rectangle
Nel mio caso, avevo bisogno di visualizzare un banner rettangolare responsive nella posizione alta della sidebar, che non diventasse verticale in caso di una minore risoluzione, ho quindi inserito “rectangle” nel parametro “data”, facendo in modo che da ogni dispositivo risultasse sempre il banner di forma rettangolare, che si avvicina alla forma classica (quasi quadrata) dei banner 320×250. Finalmente non ho avuto più problemi con il banner che diventava verticale da mobile su youfriend.
Ovviamente questa soluzione funziona anche al contrario, qualora aveste bisogno di visualizzare sempre un banner orizzontale o verticale, vi basterà semplicemente cambiare il manualmente il formato nel codice del banner fornito per adattare la vostra unità pubblicitaria.
Se necessitate invece che il vostro annuncio si espanda al massimo ogni qualvolta sia possibile, riempiendo così tutto lo spazio presente o viceversa, il parametro da cambiare sarà: data-full-width-responsive, modificandolo con “true” o “false”.
Come centrare il banner?
Ecco un esempio se volessimo centrare il banner in un header:
style="display:block; display: flex; justify-content: center;"
Se volessimo metterlo centrale, con un’altezza fissa, una larghezza piena, e con dei margini? Ecco qui il codice di esempio:
style="display:block;display:flex;justify-content:center;width:100%;height:120px;margin-top:10px;margin-bottom:10px;"
Conclusione
Spero che la guida sia stata utile e semplice da capire. in questo modo riuscire a personalizzare le dimensioni del vostro Adv AdSense senza più pensieri. Un salutone dal vostro fidato blogger di fiducia! 🦸