Visualizzare il codice HTML di un annuncio AdSense con FireFox

Come ben saprai una regola importante per invogliare i visitatori a cliccare su un annuncio AdSense, ed aumentare il tuo CTR, è l’integrazione di essi con i contenuti, sia a livello di pertinenza dei link sia più semplicemente, a livello estetico. Infatti se un utente si rende conto a colpo d’occhio che determinate zone del sito sono pubblicità, probabilmente anche se coerenti con l’argomento trattato le eviterà scrupolosamente.

Al contrario se penserà che si tratta di contenuti “normali” qualora si rivelino interessanti, sarà incuriosito e tentato di visitarli. Attento però in questo caso, devi curare molto anche la coerenza degli advertise con gli argomenti trattati nelle tue pagine, poichè se non saranno assolutamente a tema il visitatore dopo aver cliccato, capirà di trovarsi semplicemente di fronte ad una pubblicità. Con la conseguenza che si sentirà raggirato e conserverà un brutto ricordo del tuo sito.

Questo però è un altro discorso, anche se non è da sotto-valutare, in questo articolo ti mostro come vedere il codice HTML di un annuncio testuale di AdSense, in questo modo potrai adattare il tuo template ed i testi per “mimetizzare” al meglio la pubblicità.

Vedere il codice di un annuncio testuale di AdSense tramite FireFox

Il browser FireFox di Mozilla, consente di vedere il codice HTML di un annuncio AdSense o di un insieme di link per poterne osservare fondamentalmente, il foglio di stile (o CSS). E’ uno stratagemma utile se vuoi integrare al massimo i tuoi contenuti con gli advertising di Google, ma attento, questi ultimi non devono essere identici ai tuoi menù, il regolamento di AdSense te lo vieta e se lo fai rischi il ban.

Ecco la procedura:

• Vai su un tuo sito
• Clicca sul link di un annuncio col tasto destro (mi raccomando non ti confondere)
• Vai sulla voce “Questo riquadro” e successivamente su “Visualizza sorgente riquadro”
• Ti si aprirà una nuova finestra che contiene il css di quell’annuncio

Nella nuova finestra la seconda riga contiene le informazioni che ti interessano, infatti troverai qualcosa di simile a questo:

<style>a:link,a:visited,a:hover,a:active{color:#336699;cursor:pointer;}body,table,div,ul,li{font-size:10px;margin:0px;padding:0px}body{background-color:transparent;

In quell’ammasso di codice ti ho evidenziato l’informazione sulla dimensione del testo del titolo che in questo caso è di 10 pixel. Sappi che tutto il testo di quell’annuncio avrà una dimensione di 10 pixel, con la sola differenza che la descrizione non ha il tag font-weight. Il resto sono solo parti di codice Javascript che non hanno importanza

Se non ti è chiaro guarda le immagini seguenti. Mi raccomando, se prima vuoi fare delle prove non farle su tuoi siti o comunque su annunci associati al tuo account AdSense, in questo modo se sbagli non rischi nulla.

Primo passaggio per vedere il codice HTML di un annuncio AdSense

Questo è il secondo passaggio per vedere il codice HTML di un annuncio AdSense

Ricorda che è possibile vedere solo il codice HTML, ed il relativo CSS, degli annunci testuali e non di quelli illustrati, anche perchè per essi non sarebbe di alcuna utilità.