Come inserire due o tre annunci Adsense affiancati sotto il titolo dell’articolo in Blogger.

Nelle mie solite sperimentazioni sul posizionamento degli annunci Adsense avevo provato la soluzione di un insieme di annunci sotto l’header del blog. Non ho neppure aspettato il risultato di questo test che ne inizio già un altro che mi pare decisamente più promettente.

L’idea è quella di creare una tabella e di inserirci gli annunci di Adsense per visualizzarli affiancati. Questo sistema va decisamente bene per i blog con il Layout largo come questo ma può essere usato, con qualche accorgimento, da tutti i blog, ovviamente su Blogger.

Mettiamo dei punti fermi e dei riferimenti prima di iniziare la trattazione

1. Il modello di Blogger è in formato XML quindi il codice che si ottiene da Adsense deve essere modificato con lo strumento Parse
2. Si possono inserire un massimo di tre annunci per pagina quindi se ne inserite due o tre subito sotto il post è chiaro che eventualmente dovete toglierne altri che sono posizionati altrove
3. Il metodo per inserire la pubblicità di Adsense all’interno del post è trattato nell’articolo linkato e implica la differenziazione tra Homepage e singolo articolo
4. Considererò solo il caso del singolo post in quanto in Homepage si può anche fare a meno di inserire la pubblicità perché poco redditizia
5. Farò riferimento per i formati di unità pubblicitarie alle seguenti misure rettangolo grande 336x280, rettangolo medio 300x250, quadrato 250x250
6. Tratterò solo dell’inserimento degli annunci affiancati sotto il titolo del post. Per quanto riguarda l’annuncio alla fine del post oppure quello posizionato in un punto qualsiasi dell’articolo vi rimando ai precedenti link.
7. Oltre a questa tabella di due annunci in questo blog ho inserito anche un insieme di link - 

Andate su Layout > Modifica HTML e dopo aver salvato il modello completo cercate la seguente riga di codice pigiando su F3 o Ctrl+F

<div class='post-body entry-content'>

oppure la seguente se avete inserito gli articoli sintetici

<div class='post-body entry-content' expr:id='&quot;post-&quot; + data:post.id'>

In alcuni modelli non si riesce a trovare quella riga allora provate con questa

<div class='post-body'>

ed immediatamente sopra una di quelle righe inserite questo codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<table border="0" cellspacing="4" cellpadding="2" width="700"><tbody>
    <tr>
      <td valign="top" width="350">Codice Rettangolo 336x280 n°1 convertito con Parse</td>
      <td valign="top" width="350">Codice Rettangolo 336x280 n°2 convertito con Parse</td>
    </tr>
  </tbody></table>
</center>
</b:if>

Adesso è il momento di fare le consuete precisazioni e personalizzazioni

1. Occorre acquisire due codici di Adsense e darli due nomi diversi mediante quelli che si chiamano canali (ex criteri di monitoraggio) in modo da conoscere esattamente il rendimento di ciascuno
2. In sostanza è stata creata una tabella di una riga e due colonne
3. Le due righe in verde rappresentano la condizione che la pubblicità sia vista solo negli articoli e non in Homepage. Possono ovviamente essere tralasciate
4. I due tag “center” di colore viola servono per centrare la tabella dentro il post
5. Cellspacing è lo spazio tra le due colonne e può essere naturalmente modificato. Il numero 4 indica il numero di pixel
6. Cellpadding è invece lo spazio in pixel che si lascia all’interno di una singola cella
7. Width=”700” e Width=”350” sono rispettivamente la larghezza della tabella e quella di ogni singola cella.
8. Con le misure sono stato abbastanza largo ma volendo si possono azzerare tutti gli spazi e avere un codice di questo tipo

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="672"><tbody>
    <tr>
      <td valign="top" width="336">Rettangolo 336x280 n°1 convertito con Parse</td>
      <td valign="top" width="336">Rettangolo 336x280 n°2 convertito con Parse</td>
    </tr>
  </tbody></table>
</center>
</b:if>

che produce due annunci affiancati per un totale di 672 pixel quindi che possono entrare in molti modelli. Se si hanno blog con Layout più stretti possiamo comunque sfruttare ugualmente questo posizionamento della pubblicità che secondo la mappa termica di Adsense è la più redditizia

Basta scegliere due rettangoli medi invece che due rettangoli grandi ed allora il codice diventa

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="600"><tbody>
    <tr>
      <td valign="top" width="300">Rettangolo medio 300x250 n°1 convertito con Parse</td>
      <td valign="top" width="300">Rettangolo medio 300x250 n°2 convertito con Parse</td>
    </tr>
  </tbody></table>
</center>
</b:if>

con una larghezza di 600 pixel. Possiamo rimpicciolire ulteriormente la tabella selezionando due quadrati da 250 pixel ed inserire al di sopra della solita riga di codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="500"><tbody>
    <tr>
      <td valign="top" width="250">Quadrato 250x250 n°1 convertito con Parse</td>
      <td valign="top" width="250">Quadrato 250x250 n°2 convertito con Parse</td>
    </tr>
  </tbody></table>
</center>
</b:if>

Volendo possiamo anche andare oltre e inserire tutti e tre gli annunci di Adsense sotto il titolo del post in una tabella di una riga e tre colonne.

In questo caso il codice da inserire sarebbe il seguente

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="750"><tbody>
    <tr>
      <td valign="top" width="250">Codice Adsense 1</td>
      <td valign="top" width="250">Codice Adsense 2</td>
      <td valign="top" width="250">Codice Adsense 3</td>
    </tr>
  </tbody></table>
</center>
</b:if>

Si tratta di tre quadrati di 250 pixel ciascuno per una larghezza totale di 750 pixel. E’ chiaro che se si sceglie questa soluzione questi devono essere gli unici annunci Adsense presenti nel post.

Se si ha un layout più largo dei minimi 750 pixel richiesti possiamo allargare sia la tabella che le singole celle ed inserire spazi tra celle (cellspacing) e all’interno delle celle (cellpadding).