Molti di noi, per pagarsi una pizza, usano il famosissimo Google Adsense. E' comodo e conveniente: senza alcun costo è possibile guadagnare inserendo qualche pubblicità qua e là sul proprio sito.
Questi banner possono essere messi nei posti più disparati, ma risulta difficile inserirli proprio laddove renderebbero di più: all'interno dei post!
Oggi, quindi, vi spiegherò come inserirli in 3 posizioni diverse: all'interno dei post (ma quando visualizzati nella homepage), all'interno delle pagine contenenti i singoli post e infine sotto il titolo del proprio blog!
A questo punto bisogna spiegare che i codici dei banner adsense sono racchiusi da tag di commento (quelli del tipo <-! ), dunque, in virtù di ciò, se inseriti così come prelevati da Google non comparirebbero mai. Dobbiamo, allora, apportare una piccola modifica ai tag che è possibile fare attraverso uno strumento reperibile a questo indirizzo: http://blogcrowds.com/resources/parse_html.php. Praticamente, una volta scelto il formato dell'annuncio che volete inserire e prelevato il codice, andate su questo sito: inserite il codice nel box a sinistra, cliccate su "Parse" e copiatevi il nuovo codice modificato (e funzionante per il nostro scopo!).
Iniziamo allora. Spieghiamo come inserire un annuncio immediatamente sotto il titolo di ogni post e che sia visibile in homepage.
Per prima cosa andate su "Layout" e su "Modifica HTML". Spuntate l'opzione "Espandi modelli widget".
Sciegliete l'annuncio (forse meglio un formato piccolino) e procuratevi il codice modificato attraverso lo strumento consigliatovi.
Ora cercate la seguente stringa:
<div class='post-header-line-1'/>
e incollate il codice subito dopo.
Non vi resta che salvare.
Passiamo a come inserire gli annunci soltanto all'interno del singolo post, ossia quando viene visualizzato nella sua pagina da solo (qui conviene inserire annunci più grandi).
Come prima, cercate la stringa
<div class='post-header-line-1'/>
e, subito dopo, inserite prima la stringa:
<b:if cond='data:blog.pageType == "item"'>
poi inserite il codice dell'annuncio modificato e infine inserite
</b:if>
E se, invece, volete che, quando state nella homepage, venga visualizzato un formato mentre quando visualizzate il singolo post ne venga visualizzato un altro?
Allora, una volta cercata la solita stringa, dovete incollare il seguente codice:
<b:if cond='data:blog.pageType == "item"'>
(Inserite qui il codice adsense modificato con il formato per il singolo post)
<b:else />
(Inserite qui il codice adsense modificato con il formato per la home page)
</b:if >
Ovviamente,poi, non vi resta che salvare il modello per rendere effettive le modifiche!
Ultima cosa da spiegare è come inserire l'annuncio sotto il titolo del blog.
Qui andrebbe bene un annuncio con formato 728x90.
Andate sempre su "Layout" ---> "Modifica HTML" e spuntate "Espandi modelli widget".
Cercate il tag
<body>
e subito dopo inserite il codice:
<center><div id='ad_code'>
(Inserite qui il codice modificato dell'annuncio 728x90)
</div></center>
Salvate anche questa volta ed ecco fatto.
Nessun commento:
Posta un commento