Newsgroup: it.lavoro.professioni.webmaster
Titolo: Rendere responsive un banner Adsense

Sto cercando il modo per rendere il mio sito mobile friendly e quindi 
di rendere responsive i banner di adsense.
Premessa: usare dei div invisibili non è consentito dal regolamento, 
inoltre il div invisibile viene contato da adsense come unità 
pubblicitaria attiva, quindi adrei a usare più di 3 unità pubblicitarie 
e anche questo non è consentito.
 
La mia idea: dato che ho attualmente un banner (300x250) tra il titolo 
e l'articolo di una pagina, al ridimensionamento del browser vorrei che 
questo banner si sposti in fondo all'articolo. Quindi da una situazione 
del genere:
 
div principale
--div titolo /div
--div banner adsense /div
--div contenuto articolo /div
/div
 
vorrei invertire l'ordine dei div banner e contenuto articolo. Il tutto 
deve però essere fatto tramite css. Non posso usare una 
position:absolute perchè la lunghezza degli articoli varia. Servirebbe 
qualcosa tipo un "float:bottom", cioè che stacchi il primo div e lo 
appiccichi alla base del div principale inserendosi così al di sotto 
del div con l'articolo.
 
Avete qualche idea? Quale proprietà css andrebbe bene?
Poi per la variazione dinamica dello stile so già come fare, mi manca 
solo come impostare il css.
 
Grazie
 
 

 /div
 
 
mi sfugge qualcosa.
 
devi semplicemente far incollonnare l'intero "div" che contiene il 
codice adsense con il restante flusso dei contenuti. Non devi modificare 
niente di questo "riquadro" che ha un dimensione minima e compatibile 
con qualsiasi schermo, anche mobile.

 position:absolute perchè la lunghezza degli articoli varia.
 
E` il modo corretto, IMHO. Se riesci a dare un height fisso a div titolo 
(div banner gia` ce l'ha), ti basta lasciare un margin-bottom a div 
titolo pari all'altezza di div banne, e posizionare in modo absolute il 
banner in quel punto. Questo per la versione normale.
 
Nella versione mobile non fai niente, e il banner va automaticamente 
sotto l'articolo.
 
Posso dirti pero` che trovo i banner subito sotto al titolo dell'articolo 
la cosa piu` fastidiosa del mondo dopo i popup. Non li clicco mai, anche 
se mi interessano, per ripicca. O lo floati di lato o lo lasci in fondo 
all'articolo anche nella versione normale.
 
Bye.

 all'articolo anche nella versione normale.
 
Hai ragione, dovrei fare un sondaggio (seriamente) per sapere se i 
banner attuali danno fastidio, preferisco degli utenti felici che 
ritornano a quelli infastiditi dalla pubblicità (proprio per questo 
volevo nella versione mobile spostare il banner in fondo a tutto).
 
Intanto grazie per la dritta.
 
 

Sembra che BS82 abbia detto :

quello che voglio è evitare che in uno schermo piccolo come di uno 
smartphone compaia un banner grande quanto lo schermo subito sotto al 
titolo. Ma per farlo, o sposto la pubblicità direttamente tutta sotto 
l'articolo, o, come voglio fare ora, lasciare la pubblicità sotto il 
titolo solo nella versione normale e spostarla sotto l'articolo nella 
versione mobile.
 
 


 
Funziona! (prima ho sbagliato, ho scritto che metto il float al banner 
nella versione non mobile, volevo scrivere absolute, come hai 
giustamente suggerito tu)
Adesso non mi resta che testare se in ogni pagina funziona tutto e sono 
a posto.
 
Grazie mille.
 
 

E per evitare che titoli lunghi vengano nascosti dal banner in 
posizione absolute, basta racchiudere i banner e il testo dell'articolo 
in un altro div con position:relative e sono a posto, così posso 
prendere le misure indipendentemente dal numero di righe che occupa il 
titolo.