Pubblicato il 17/08/08 - aggiornato il  | 2 commenti :

Come inserire la pubblicità di Adsense e il collegamento ai feed direttamente nel template di Blogger.

Inserire la pubblicità dentro un post del blog è sicuramente più efficace che metterla in Homepage. Descriverò un metodo che permette di inserirla automaticamente all'interno di un post ogni volta che si pubblica. Innanzitutto considero scontato che sappiate registrarvi ad Adsense e che sappiate acquisire un codice pubblicitario. Se qualcuno non lo sa fare me lo scriva nei commenti o mi mandi una mail che magari ci faccio un post. Io ho acquisito il codice del rettangolo grande che è quello più usato. Adesso il codice che è in linguaggio HTML deve essere trasformato in XML che è il linguaggio dei template di Blogger. Per far questo occorre trasformare alcune tag
  • < diventa &lt;
  • > diventa &gt;
  • " diventa &quot;
La cosa, apparentemente difficile, diventa facilissima usando un sito che trasforma automaticamente il codice che ci interessa. Quindi andare qui ed incollare il codice Adsense quindi cliccare su Parse, selezionare il tutto, copiare e tenere a disposizione negli appunti o salvare in un file txt.
Il contratto Adsense prevede che non si modifichi il codice ma in questo caso viene solo adattato ad un diverso linguaggio, quindi l'operazione fatta non viola le clausole contrattuali in quanto non si incide nell'annuncio stesso che rimane invariato.
Adesso come al solito si va in Layout>ModificaHTML>Salva modello completo da poter ricaricare se qualcosa va storta. Quindi si cerca questa riga



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

e, immediatamente sopra, si incolla il codice Adsense modificato nel modo ora descritto, quindi si cerca il tag

<data:post.body/>

che dovrebbe trovarsi poco sotto al precedente e che va modificato in questo modo, almeno che non si presenti già così

<p> <data:post.body/> </p>

Immediatamente dopo va inserito nuovamente lo stesso codice Adsense. Salvare il modello e visualizzare il blog per vedere se c'è qualche problema di estetica. Tutti i post, anche quelli pregressi, avranno quindi automaticamente la pubblicità all'inizio e alla fine.

Adesso, visto che ci siamo, possiamo aggiungere anche una frase che invita i lettori a sottoscrivere i nostri feed. Per far questo andiamo prima su Google>Immagini, cerchiamo RSS e salviamo l'immagine classica dei feed; quindi andate su Nuovo Post e scrivete una frase accattivante. Mettete il collegamento ai vostri feed, per trovarlo cliccate sull'icona nella Barra degli URL e puntando con il mouse lo visualizzate. Se usate FeedBurner dovete invece andare su Impostazioni>Feed Sito. Vi verrà una cosa di questo tipo



Io ho aggiunto un collegamento ad una pagina che spiega cosa sono i feed e che ho caricato su Google Page Creator come ho spiegato in questo post. Se volete potete usare anche voi questo collegamento. Adesso passate alla opzione Modifica HTML e aggiungete all'inizio del codice il seguente tag <p> e alla fine quest'altro tag </p> che servono per non far interferire il codice Adsense con il codice dei feed. La cosa è mostrata in questo screenshot

Le due tag aggiunte sono cerchiate di rosso. Non resta che selezionare il tutto, copiarlo ed incollarlo nel solito sito, quindi cliccare su Parse, selezionare di nuovo e copiare. Questo codice va incollato insieme al codice AdSense che è stato immesso come secondo. Si può mettere subito prima o subito dopo. Io, come vedete, l'ho messo dopo in modo da lasciare la pubblicità più internamente al post. Per completare l'opera andare su Modifica post dove ci sarà una bozza che Blogger ha salvato automaticamente. Cliccate su Elimina scegliendo l'opzione Mantieni quando vi verrà chiesto se cancellare anche l'immagine del feed che avete caricato.
Aggiornamento: In un post la pubblicità di Adsense è andata ad interferire con l'articolo allora, per evitare problemi, è meglio apportare qualche modifica
  • Aggiungere i seguenti tag prima e dopo sia il codice Adsense sia il codice dei feed secondo questo schema

    <br/><p>codiceAdsense</p><br/>
    <br/><p>codice dei feed</p><br/>

    e non solo i tag <p> e </p> per il solo codice dei feed. Quindi selezionare, copiare ed incollare nel sito di analisi, cliccare su Parse, selezionare, copiare nuovamente ed incollare nel modello secondo le indicazioni del post.

  • Per tutti coloro che volessero visualizzare la pubblicità inserita all'interno del post e, eventualmente, il richiamo ai feed solo nei singoli articoli e non nella homepage, per una questione di estetica e di praticità inserite nel primo caso questo codice

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p>

    Codice Adsense modificato

    </p>
    </b:if>

    Nel secondo caso, cioè per quanto riguarda la pubblicità alla fine del post e, eventualmente il richiamo ai feed, inserire il codice con lo schema seguente

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p>

    Codice Adsense modificato

    </p>
    <p>

    Codice dei feed modificato

    </p>
    </b:if>



In questo caso non ci sarà bisogno di inserire le tag supplementari come suggerito nella prima parte dell'aggiornamento



2 commenti :

  1. Ciao, se io volessi inserire la pubblicita' di tradedoubler invece di adsense il procedimento e' lo stesso? grazie

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy