Pubblicato il 18/02/09 - aggiornato il  | 50 commenti :

Come mettere la pubblicità di Adsense al centro dell’articolo in un blog sulla piattaforma Blogger.

Come inserire Adsense sulla sinistra, sulla destra o al centro del layout di un blog su Blogger.
In un articolo precedente ho dato tutte le istruzioni per inserire la pubblicità direttamente nel template di blogger in modo che apparisse all’inizio e alla fine dei post. Riepilogo brevemente la struttura del codice da inserire. Ricordo che il modello di Blogger è in formato XML e che quindi il codice della pubblicità dovrà essere convertito da HTML in XML. Non ci sarà quindi una modifica del codice ma sarà solo incollato in un diverso linguaggio per renderlo compatibile. 


CODICE DA INSERIRE ALL’INIZIO DEL POST
Si espandono i modelli widget e si cerca questa riga di codice

<data:post.body/>  

e immediatamente sopra si inserisce questo codice, che è quello che si visualizza proprio sotto il titolo dell'articolo
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p>

Codice AdSense convertito IN XML con Parse di formato rettangolo
</p>
<b:else />
<p>

Codice Adsense convertito con Parse di formato leaderboard per la homepage e gli archivi
</p>
</b:if>




CODICE DA INSERIRE ALLA FINE DEL POST
Si deve cercare la riga di codice
<data:post.body/> 
Immediatamente dopo inserite questo codice


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

Codice AdSense convertito con Parse di formato leaderboard
</p>
</b:if>



COSA MODIFICARE PER METTERLO IN UNA POSIZIONE CENTRALE
Le righe di codice da aggiungere si mettono immediatamente prima e immediatamente dopo al codice Adsense convertito con Parse, fermo restando tutto il resto
<center> Codice Adsense convertito con Parse
</center>

Nel caso che si scelga di mettere al centro anche la pubblicità del rettangolo grande ecco come appare, in questo caso è un annuncio illustrato

image


COME METTERE GLI ANNUNCI DI ADSENSE SULLA SINISTRA DELL’ARTICOLO
In questo caso il codice Adsense va racchiuso dalle seguenti righe di codice


<div style='float: left; margin: 10px 20px 10px 2px;'>
Codice Adsense convertito con Parse
</div>



Se si vuole mettere gli annunci sulla destra basta cambiare left con right e mettere come margini 10px 20px 10px 2px. Ovviamente i margini in blu possono essere modificati in entrambi i casi. Non consiglio però di metterli a destra se non nel caso di modelli particolari perché molto meno performanti come numero di click. Il primo valore (10px) si riferisce alla distanza degli annunci dalla parte alta, il secondo alla distanza dalla destra e così via in senso orario. Nel caso di annunci messi nella parte sinistra del post ecco come appaiono in questo screenshot


image
In questo modo il lettore visualizza il contenuto del post al primo scroll della pagina.




50 commenti :

  1. mamma nmia ,non riesco a stare dietro ai tuoi post;sono tutti interessanti ma non ho ahimè il tempo di metterli in pratica.
    Mi sono ripromessa di rileggerli la prox estate,quando avrò + tempo da dedicare al blog e nel caso mi trovassi in difficoltà,so ke posso bussare alla tua porta.
    un abbraccio
    Lella

    RispondiElimina
  2. @Lella
    Certo che puoi bussare alla mia porta Lella, ...pardon email :-). I miei articoli spaziano su molti argomenti. E' la condanna di chi si vuole occupare di troppe cose che poi alla fine non riesce a conoscerne nessuna benissimo :-(

    RispondiElimina
  3. Ciao Parsifal...
    ancora complimenti per il tuo blog....fonte inesauribile dal quale prendere spunto!

    Ora bando ai complimenti ;-)
    Mi sorgeva un dubbio.
    Ma sbaglio o gli annunci adsense se ne possono mettere solo tre per pagina?
    Ma se ne metto uno alla fine, uno all'inizio, uno in mezzo e uno a msinistra, sono quattro.

    O sbaglio?

    Un saluto da un toscanaccio come te (io di siena).
    Ciao

    RispondiElimina
  4. @andrea
    quello che viene messo in mezzo si intende in posizione centrale rispetto al layout del post. Se guardi questo blog l'annuncio sotto il titolo è proprio al centro della sezione sinistra del blog, così come quello alla fine del post.
    E' una cosa alternativa a metterlo sulla sinistra come è nella maggior parte dei blog.
    Per farti capire meglio in Homepage e nelle pagine di archivio ho
    3 annunci leaderborad sotto il titolo dei primi tre articoli
    3 insiemi di link sotto i primi tre post
    mentre nei singoli post ho
    1 annuncio al centro sotto il titolo
    1 annuncio al centro alla fine dell'articolo
    1 annuncio a destra dell'articolo
    1 insieme di link sotto il menu
    1 insieme di link sotto il titolo
    1 insieme di link alla fine del post
    Come vedi ho ottimizzato tutto visto che si possono tenere 3 annunci e 3 insiemi di link per ogni pagina.
    Ciao e grazie dei compplimenti

    RispondiElimina
  5. Ah, si, scusa, è vero, io cercavo qualcosa per mettere nel mezzo (in senso verticale) all'articolo.

    un'altra cosa. se guardi il mio blog, vedrai che gli articoli più in basso nella home, (quelli in pratica senza pubblicità sotto il titolo) riportano uno spazio tra titolo e corpo del post (come se la pubblicità ci fosse, ma invisibile).

    Ti è mai capitato? E se sì, come hai risolto?

    Ciao

    RispondiElimina
  6. @andrea
    si vedono solo tre annunci per pagina, quindi dopo il terzo post rimane lo spazio. Nel mio blog non si nota perché ho messo un leaderboard molto stretto rispetto alla larghezza del post.
    Per ovviare all'inconveniente puoi utilizzare vari metodi
    1)Togliere la pubblicità sotto il post in Homepage
    2)Andare in Impostazioni e scegliere di visualizzare solo tre post in homepage
    3)Cercare un formato più stretto per vedere come funziona
    Ciao

    RispondiElimina
  7. E infatti io volevo fare il tuo consiglio n.1

    Il guaio è che non so come fare.
    Non mi riesce proprio, non riesco a trovarlo.

    perchè anche sceglieno di visualizzare tre post per pagina, il problema permane.....oltretutto la pubblicità sotto il post (in homepage) non è allineata, e vorrei toglierla perchè effettivamente da fastidio.

    Come trovarla? Non è che è rimasto qualche widget adsense prima che provassi questo codice tuo?

    RispondiElimina
  8. @Andrea
    è semplice tu copi solo la prima parte del codice. In sostanza elimini la parte che va da b:else/> a /p>.
    Il /b:if> finale lo devi lasciare però.
    Spero di essere stato chiaro. Nel caso fammi sapere.
    Ciao

    RispondiElimina
  9. Non ho capito per metterlo la centro del post in quale parte dell'html devo inserire i vari codici..

    RispondiElimina
  10. @IlPrincipino
    devi solo aggiungere due righe prima del codice Adsense e una riga dopo il codice.
    Prima del codice Adsense metti
    div style='float.....
    e dopo il codice
    .../div
    Mi dispiace non essere stato più chiaro :-(

    RispondiElimina
  11. Si inserisco queste righe prima e dopo del codice e poi dove piazzo il tutto? Nell'html ok,ma prima o dopo quale codice?

    RispondiElimina
  12. @Principino
    Ho capito non hai ancora letto l'articolo precedente in cui spiegavo come inserire la pubblicità. E' qui
    http://parsifal32.blogspot.com/2008/10/inserire-la-pubblicit-nei-post-di.html
    A Codice Adsense modificato con Parse aggiungi prima e dopo le righe di codice di cui sopra

    RispondiElimina
  13. Sisi ho fatto tutto pero:
    Per inserirlo dopo il post va incollato dopo data:post.body/. Per inserirlo al centro invece? Scusa la mia stupidita sarà l'orario ma mi amnca qualcosa... :)

    RispondiElimina
  14. C'è un modo perchè compaia al centro del testo del post? al centro di un articolo sistematicamente appare un banner che quindi andrebbe perfettamente incorporato al centro del post.. Wordpress ha dei plugin per questo per esempio.

    RispondiElimina
  15. @Il Principino
    Finalmente ho capito non intendi al centro come layout ma proprio in mezzo al testo!
    Non mi risulta essere possibile per Blogger :-(

    RispondiElimina
  16. Ciao Parsifal ho quasi finito il restyling del sito...che faticaccia...
    E devo reimpostare gli ad-sense...
    Secondo te quali sono le posizioni più redditizie?
    Al centro? All'inizio dell'articolo e alla fine come sono attualmente anche sul mio blog?

    Grazie!!!
    Ciao

    RispondiElimina
  17. Ciao ho provato più volte ad inserire il codice dopo il titolo o prima dei commenti seguendo le tue istruzioni, ottenendo il codice e modificandolo con Parse cancellando anche Codice AdSense modificato con Parse di formato leaderboard, ma mi da errore ogni volta, non riesco a capire dove sbaglio...

    RispondiElimina
  18. @Affari Nostri
    Segui questo tutorial
    http://www.guadagnareconadsense.net/2010/07/05/come-inserire-la-pubblicita-in-un-blog-su-blogger-modificando-il-modello/
    Ciao

    RispondiElimina
  19. Ciao a tutti...ma come fcc a prendere i widget mi spiegate per favore?? c'e io nn ho cpt come devo iniziare!! attendo una risposta grazie.

    RispondiElimina
  20. @VitaAzzurra
    Se ti riferisci a Google Adsense, per avere il codice ti devi prima registrare e il tuo sito deve essere accettato. Non so se lo hai già fatto. Qui puoi trovare le istruzioni
    http://www.guadagnareconadsense.net/2010/06/23/come-registrarsi-a-google-adsense/
    Se hai già effettuato questa operazioni e hai solo problemi dal punto di vista "tecnico" , puoi consultare questo post
    http://www.guadagnareconadsense.net/2010/07/05/come-inserire-la-pubblicita-in-un-blog-su-blogger-modificando-il-modello/

    RispondiElimina
  21. Ciao Parsifal, ancora non si trova qualche tips per inserire gli annunci in mezzo al testo?

    RispondiElimina
  22. @Vinnie
    C'è questo metodo
    http://www.ideepercomputeredinternet.com/2009/11/come-inserire-gli-annunci-di-adsense-in.html
    ma i vantaggi sono modestissimi (sempre che ci siano) ed è piuttosto macchinoso

    RispondiElimina
  23. Hai ragione, piuttosto macchinoso soprattutto se il blog è già avviato da parecchio. Sai se esiste qualche metodo per nascondere in automatico l'immagine di apertura dell'articolo che si vede in Home Page nel sommario, quando invece viene aperto l'intero post?

    RispondiElimina
  24. @Vinnie
    Mi sembra una cosa molto particolare e non mi ricordo nulla che possa essere utile al riguardo.

    RispondiElimina
  25. Ernesto,
    io ho seguito le tue istruzioni, (COME METTERE GLI ANNUNCI DI ADSENSE SULLA SINISTRA DELL’ARTICOLO) però vedo che l'adsense sotto al titolo continua a rimanere da solo, senza il testo sulla destra (come sul tuo blog).
    Può essere colpa della foto che c'è all'inizio di ogni post oppure ho sbagliato qualcosa?
    Grazie, Giuliana

    RispondiElimina
  26. Aggiungo che non penso sia colpa della foto, perchè ho provato a spostarla più in basso e il testo ugualmente non si affianca all'adsense...

    RispondiElimina
  27. @Giuliana
    Se c'è una foto il testo viene sotto. Se non ti funziona neppure senza foto mi stupisce, forse c'è poco spazio tra banner e limite del layout vedo che hai anche degli elenchi anche quelli possono dare fastidio.

    RispondiElimina
  28. Ernesto, è davvero strano.
    Ho anche provato a spostare l'adsense sulla destra, ma il testo continua a rimanere in basso e rimane un buco tra l'adsense e il bordo (grande quanto l'adsense stesso, quindi non penso sia un problema di mancanza di spazio per il testo).
    Tu cosa intendi quando parli di elenchi che possono dare fastidio(vedi tuo commento sopra)?

    RispondiElimina
  29. @Dieta e dintorni
    Per elenchi intendo quelli che usi per gli ingredienti delle ricette. Se il codice non funziona può darsi che dipenda dal modello ma non saprei dire la ragione.

    RispondiElimina
  30. Ciao Ernesto,
    sto ancora combattendo con l'adsense sotto al titolo, per riuscire ad affiancarlo al testo.
    Ho visto che in alcuni siti, (tipo questo http://www.viveremeglio.it/) hanno come me la foto subito all'inizio del post, ma quando entri nell'articolo la foto appare in basso e il testo affianca l'adsense. Quindi in teoria è fattibile. Ma perchè diavolo non mi riesce? Tra l'altro ho allargato lo spazio del blog eliminando una colonna, e sulla destra ho tolto anche i menù a tendina e altre cose inutili. Quindi lo spazio per il testo c'è, non riesco a capire perchè non si affianca all'adsense :(
    Giuliana

    RispondiElimina
  31. @Dieta e dintorni
    Trattasi di Wordpress e non di Blogger. Hanno modelli diversi. Con Blogger al massimo si può mettere un widget con le miniature in home.

    RispondiElimina
  32. Ernesto... una cosa strana.. l'adsense non è cliccabile quello accanto al post sulla sx come lo hai tu.. Me ne sono accorta perchè non mi funziona nel mio blog.. e ho notato ora che nemmeno nel tuo funziona.. come mai???

    RispondiElimina
  33. Ernesto, una domanda: è possibile piazzare 'sto maledetto adsense dopo il "read more", in modo che si veda solo all'interno dei singoli post e non nella homepage?
    Giuliana

    RispondiElimina
    Risposte
    1. @Giuliana
      Certamente. Devi inserire il codice all'interno di due tag condizionali in questo modo
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      .... Codice Pubblicità ....
      </b:if>
      Per saperne di più leggi qui
      http://www.ideepercomputeredinternet.com/2010/11/come-mostrare-o-non-mostrare-widget-in.html

      Elimina
    2. Sì, quello sì, ma per farlo comparire dopo il "read more"?

      Elimina
  34. @Giuliana
    Inseriscilo dopo questo codice
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    </b:if>

    RispondiElimina
  35. Se lo inserisco alla fine di tutto il codice, mi compare sul footer del post, provo a inserirlo da qualche parte nel mezzo.

    RispondiElimina
  36. Niente da fare, ho provato a inserirlo in tutte le posizioni all'intermo del codice e anche sopra, e non si vede... Invece se lo metto alla fine del codice si vede in basso sul footer :(

    RispondiElimina
    Risposte
    1. Non ho capito quale sia il tuo obiettivo. Se lo vuoi vedere solo nei post, se solo in homepage
      ... Nel mezzo del post non si può mettere

      Elimina
  37. Ah. Io quello, volevo. Volevo metterlo nel mezzo del post, dopo il "read more", e che fosse visualizzabile solo entrando all'interno del post. Ma se non si può, non si può ;)

    RispondiElimina
  38. @Giuliana
    Un sistema ci sarebbe ma te lo sconsiglio, e troppo macchinoso. Con Wordpress invece si può fare con il plugin Post Layout

    RispondiElimina
    Risposte
    1. Forse intendi quello di inserire uno specifico codice html nel template e poi scrivere manualmente in ogni singolo post il comando dove si vuole far comparire l'annuncio? Perchè ho letto qualcosa del genere, non ricordo se nel tuo blog o da qualche altra parte. Se è quello che intendi forse sarebbe anche fattibile, in fondo ho solo un centinaio di post...

      Il mio problema sai qual è? Che io ho inserito l'adsense sotto il titolo allineandolo a sinistra, però ho visto che in alcuni post in effetti il testo va a finire sulla destra dell'adsense e la foto si sposta automaticamente sotto, in altri invece questo non accade, e l'adsense rimane isolato, con foto e testo sotto.
      Non so perchè ci sia questa differenza tra un post e l'altro, ma il mio dubbio è: Google nel mio caso considererà "regolare" il mio blog, visto che in alcuni post soddisfo il loro regolamento e in altri no?

      Non posso nemmeno spostare la foto più in basso sotto il read more, perchè nel caso del mio blog le foto sono importanti e voglio che compaiano anche nei sommari dei post e nella homepage, e non voglio utilizzare un formato di annuncio più piccolo perchè ho già provato e ho visto che non rende molto.

      Quindi, sto cercando un compromesso che vada d'accdordo sia con le mie esigenze che con il regolamento di Google, e pensavo che spostare l'annuncio sotto la zona "read more" potesse essere una soluzione, ecco.

      Elimina
    2. @Giuliana
      Il post cui hai fatto riferimento è questo
      http://www.ideepercomputeredinternet.com/2009/11/come-inserire-gli-annunci-di-adsense-in.html
      Poi per quello che riguarda il regolamento, non si può mai dire nulla di certo. Hanno dei bot che scannerizzano i siti con un loro algoritmo che non si conosce ...

      Elimina
  39. Ciao, vi seguo sempre. Complimenti per il sito, siete la mia salvezza. Vi chiedo solo una cosa, spero siate esaustivi come sempre.
    Vorrei sapere cosa inserire nell'HTML per mettere il banner Adsense in mezzo all'articolo in senso verticare (dopo il "more" per intenderci). Grazie se mi risolvi questo problema.

    RispondiElimina
    Risposte
    1. Su Blogger oltre che nei widget si può mettere solo all'inizio e alla fine del post. Ci sarebbero anche altre soluzioni ma potrebbero essere contro il regolamento e non mi sento di consigliartele
      @#

      Elimina
    2. Grazie Ernesto per la tua celere risposta. Mi togli solo una curiosità? Come mai dovrebbero essere contro il regolamento? Su Wordpress è la norma mettere tre banner a inizio-centro-fine articolo. Grazie ancora

      Elimina
    3. Perché i banner non potrebbero essere messi con del javascript. I plugin di Wordpress forse sono stati approvati. Non ho detto che sarebbero sicuramente contrari al regolamento ma ci potrebbe essere questo rischio.
      @#

      Elimina
  40. Ciao Ernesto,
    da tempo ho adottato questo sistema per inserire Adsense dentro l'articolo. Dopo diverse settimane mi sono accorto che sul pannello statistiche non vi era alcun click su quel banner. Ora ho letto nei commenti qui sopra che un utente ha notato che non è cliccabile il banner, così ho provato a passare il mouse sopra e in effetti non si può cliccare, mentre gli altri banner sì. Sai mica perché? Grazie

    RispondiElimina
    Risposte
    1. Non mi ricordo se era proprio in questo post ma ho tolto la guida per installare Adsense nel mezzo del contenuto del post perché c'erano dei dubbi sul Regolamento e poi perché non portava nessun vantaggio pratico. La guida più recente su come implementare la pubblicità su Desktop e su Mobile la puoi trovare qui
      http://www.ideepercomputeredinternet.com/2012/10/adsense-blogger-modello.html
      http://www.ideepercomputeredinternet.com/2014/06/banner-adsense-versione-mobile-blogger.html
      @#

      Elimina
  41. Complimenti per la guida.Utilizzando i tuoi consigli ho trovato la necessità di modificare gli annunci adsense automatici da post su blo ma non me li fa modificare.Hai esperienze in merito?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. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.