Come mettere AdSense sotto il Titolo (in un Post su Blogger)

La pubblicità messa sotto il titolo dei tuoi post diventa più visibile e quindi è più facile ricevere dei clic sopra. Voglio mostrarti come modificare il template per raggiungere questo scopo elegantemente, perchè potrai gestire l'annuncio AdSense dentro Blogger.com invece che dal sito di Google AdSense.

Infatti Blogger, dal suo pannello di amministrazione, già prevede la collocazione degli annunci AdSense, solo che non si può collocare un annuncio sotto il titolo. Certo, finchè non effettuerai la modifica che ti sto per mostrare, che consiste nel trasformare gli annunci in linea in annunci sotto il titolo.

Pannello di controllo per collocare gli annunci

Conosci gli annunci in linea? Sono gli AdSense tra un post e l'altro nella homepage del tuo blog e quelli che compaiono in fondo pagina di un post aperto (e sotto tutti gli eventuali commenti dei lettori). Per attivare e configurare gli annunci in linea, clicca su Modifica nel riquadro "Post sul blog" (vedi fig. sopra). Una finestra di pop up si aprirà.

Attivazione e configuarzione degli annunci in linea

Fatta la modifica, l'annuncio in linea sparirà dalle posizioni originali e finirà sotto il titolo di tutti i tuoi post, pur mantenendo la configurazione che gli hai dato. Prima di procedere fai il backup del template e sappi che funziona solo sui nuovi template di Blogger.

Dal pannello di controllo vai al codice del template:

Modello-->Modifica HTML

spunta "Espandi i modelli widget". Devi adesso individuare il pezzetto di codice:

        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>

e racchiudilo tra le 2 linee di commento come segue

<!--

 Qui ci va il pezzetto 
 di codice sopra

-->

Individua adesso la linea di codice (ce ne sono 2, trova la prima):

<data:post.body/>

e incolla subito prima il seguente codice:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:post.includeAd'>
  <b:if cond='data:post.isFirstPost'>
   <data:defaultAdEnd/>
  <b:else/>
   <data:adEnd/>
  </b:if>
  <b:if cond='data:mobile == &quot;false&quot;'>
   <div style='margin:1em 0;'><data:adCode/></div>
  </b:if>
  <data:adStart/>
 </b:if>
</b:if> 

Salva le modifiche ed è fatta! Ora AdSense comparirà sotto il titolo e sarà l'annuncio in linea gestibile dal pannello di controllo.

Una nota di merito va a funduBytes per la forte ispirazione.