Mettere AdSense sotto il Titolo del Post in Blogger.com

Si può mettere AdSense sotto il titolo del post? Con una modifica al template sì e possiamo anche gestire l'annuncio AdSense dentro Blogger.com invece che dal sito di Google AdSense, ci risparmieremo così il copia e incolla di codice da adsense a blogger. Prima di procedere, ecco un esempio di blog modificato. 

Come sapete è già prevista la gestione degli annunci AdSense dentro Blogger, dal pannello di amministrazione selezionate Layout.

Da questa posizione potete aggiungere un gadget AdSense nella colonna laterale e/o nelle barre in testa e in fondo al blog. Non è tutto, ci sono anche gli annunci in linea che sono gli AdSense tra un post e l'altro nella homepage e a fondo pagina quando apriamo un post. Per attivare e configurare gli annunci in linea, cliccate su Modifica nel riquadro "Post sul blog". Una finestra di pop up si aprirà.

L'idea è modificare il codice del template per far in modo che l'annuncio in linea situato in fondo alla pagina di un post aperto (e sotto tutti gli eventuali commenti dei lettori), venga spostato subito dopo il titolo del post. Vi dirò di più, possiamo anche duplicarlo in fondo al post, appena questo finisce e prima dei commenti.

Pronti, mi raccomando fate un backup del template prima di procedere. Dal pannello di amministrazione andate al codice del template, Modello-->Modifica HTML, spuntare "Espandi i modelli widget". Dobbiamo adesso individuare quelle parti di codice da modificare. Procederemo per passi.

Lasciare gli annunci tra un post e l'altro in homepage ed eliminare quelli in fondo alla pagina di un post aperto

trovate il pezzetto di codice:

<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 class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if>

e sostituitelo con il seguente:

<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 class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if></b:if>

Se non volete nemmeno gli annunci tra un post e l'altro in homepage, eliminate il pezzetto di codice trovato e ignorate la sostituzione.

Mettere l'annuncio sotto il titolo di un post aperto

trovate il codice:

<data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats -->

e incollate 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>

Mettere l'annuncio anche in fondo al post aperto

Sostanzialmente andiamo a duplicare l'annuncio di cui al passo sopra, Duplicheremo il codice, la pubblicità sarà diversa e ci penserà Google. Ritrovate il codice:

<data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats -->

e incollare subito dopo 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 class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if></b:if>

Salvate le modifiche ed è fatta! Ora AdSense comparirà sotto il titolo e in fondo al post e sarà l'annuncio in linea gestibile dal pannello di amministrazione. Godetevi i vostri guadagni!

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