Guida Blogger

Google AdSense: Come Inserire Gli Annunci All’Interno Dei Post Su Blogger?

Vota questo post

“Ciao Valerio, ho aperto un blog su blogger e vorrei inserire gli annunci di Google Adsense al centro dei miei articoli/post, puoi spiegarmi come posso fare?”

E’ una domanda che mi è stata rivolta tantissime volte su Monetizzando.com, ed oggi ho deciso di creare questa mini guida per spiegarti cosa dovrai fare per inserire Google AdSense all’interno dei tuoi articoli su blogger.

Cosa serve per inserire AdSense al Centro degli articoli?

Anzitutto dobbiamo convertire il nostro codice dell’annuncio di Google AdSense in XML, e per far questo ci avvaliamo di uno strumento messo a disposibione da BlowCrowds: Parse HTML.

Entriamo dunque su Google AdSense e preleviamo il codice html del nostro annuncio, dopodichè incolliamolo nella finestra di BlogCrowds e facciamo la conversione (parsing) del codice.

A questo punto, prima del codice dell’annuncio AdSense convertito inseriamo questa riga di codice:

    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=’float:right;padding:2px’>

Poi il nostro annuncio, ed alla fine quest’altra riga:

</div></b:if>

Per avere alla fine un risultato finale come questo:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=’float:right;padding:2px’>
QUI TUTTO IL CODICE ADSENSE
</div></b:if>

Fatte queste operazioni andiamo su Blogger, cerchiamo nel nostro blog la voce Design ed andiamo su Modifica HTML. Espandiamo i modelli Widget e cerchiamo la stringa:

<data:post.body/>

Dopo questa riga inseriamo dunque il nostro codice che abbiamo creato prima. Consiglio: prima di effettuare modifiche al modello scarichiamo una copia per evitare problemi o che il sito non funzioni più!

In questo modo però abbiamo inserito Adsense all’interno del post, non al centro dell’articolo. Per inserirlo al centro dell’articolo dobbiamo cambiare solo l’ultima parte di questo tutorial. Quindi una volta convertito (parsato) il codice sostituiamo la riga che contiene <data:post.body/> con:

<div expr:id='”aim1″ + data:post.id’></div>
<div style=”clear:both; margin:10px 0″>

Inserisci Qui Il Tuo Codice AdSense Parsato

</div>
<div expr:id='”aim2″ + data:post.id’>
<data:post.body/></div>
<script type=”text/javascript”>
var obj0=document.getElementById(“aim1<data:post.id/>”);
var obj1=document.getElementById(“aim2<data:post.id/>”);
var s=obj1.innerHTML;
var r=s.search(/x3C!– adsense –x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

A questo punto salva il modello e controlla che tutto funzioni. Se hai risolto in maniera diversa lascia un commento a quest’articolo, spero ti sia stato utile, ti auguro buon lavoro e buon guadagno con internet,

Valerio.

Dubbi? Domande? Esprimi la tua Opinione!