Pubblicato il 08/04/15 - aggiornato il  | 83 commenti :

Come inserire la pubblicità nel modello di Blogger nella versione desktop e mobile.

Come inserire i banner e gli insiemi di link di Adsense o di altro circuito pubblicitario direttamente nel modello di Blogger per essere visualizzati nelle varie tipologie di pagine e nei diversi posizionamenti.
L'inserimento dei banner o dei link pubblicitari può essere effettuato in diversi modi. Ci sono programmi di affiliazione che forniscono dei link per collegare delle parole chiave di un post altri che invece forniscono un codice per visualizzare una barra nella parte alta del layout e altri ancora che invece, sempre tramite codice, permettono di mostrare delle finestre popup

In questo articolo riprendo il tema di come installare i banner e i link direttamente nel modello di Blogger seguendo le linee guida di Adsense che è il programma di affiliazione di Google e che è utilizzato dalla maggior parte dei publisher a partire da grandi siti di dimensione nazionale fino a piccoli blog con solo qualche migliaio di visite mensili. Non sono un esperto del Regolamento di Adsense quindi se qualcuno ha dei dubbi in merito è consigliabile che si rivolga all'apposito forum e non a me tramite commenti. 

Un altro tema che sta assumendo un rilievo sempre più decisivo è quello della versione mobile di Blogger. Se si va su Google Analytics o anche solo nella scheda Statistiche della Bacheca di Blogger ci si accorge che il numero di quelli che arrivano sul nostro sito con dispositivi mobili è in costante aumento. L'installazione della pubblicità nella versione mobile è cosa distinta dall'inserimento della pubblicità nella versione desktop. Per poter avere dei banner pubblicitari anche nella versione mobile bisogna attivarla andando su Bacheca > Modello > Cellulare per poi cliccare sulla icona della ruota dentata. 

COME OTTENERE IL CODICE DA ADSENSE


Vediamo nello specifico come ricavare il codice di una unità pubblicitaria da Adsense che ha delle personalizzazioni più analitiche rispetto ad altri programmi. Si possono selezionare sostanzialmente due tipologie di unità pubblicitarie: i banner e gli insiemi di link. I primi sono delle pubblicità che possono mostrare annunci di testo oppure annunci illustrati mentre i secondi sono un elenco orizzontale o verticale di link a determinati argomenti pertinenti con i contenuti della pagina. 

banner-insiemi-link

Dopo aver effettuato l'accesso al nostro account Adsense si va su I miei annunci > + Nuova unità pubblicitaria e si inizia a compilare il modulo 
  
annunci-adsense

Dopo aver digitato il nome dell'annuncio si sceglie la tipologia tra Banner orizzontale, Banner verticale, Rettangolare, Reattiva (per Modelli con Responsive Design), Dimensioni personalizzate oppure Annunci con link. L'ultima opzione è quella per creare gli Insiemi di link. Non è compito di questo post analizzare in dettaglio tutte queste varie opzioni ma solo quello di mostrare come inserire il codice nel template di Blogger. Ci sono dei formati consigliati anche per il mobile. Dopo aver scelto il tipo di annuncio, per esempio uno da 336x280 pixel, dovremo settare le altre impostazioni 

annunci-adsense[5]


In Tipo di annuncio è meglio lasciare l'impostazione predefinita Annunci di testo e display perché in questo modo ci saranno più inserzionisti che partecipano all'asta virtuale per la nostra unità pubblicitaria e quindi è statisticamente più probabile spuntare un rendimento migliore. Nello Stile dell'annuncio è opportuno scegliere i colori più adatti per al nostro layout
 
stile-annuncio-testo

Si possono modificare i codici dei colori per poi andare su Salva e salvare lo stile dell'annuncio in modo da recuperarlo in seguito senza bisogno di reimpostarlo nuovamente. 

È molto importante compilare la sezione Canali Personalizzati perché si inseriscono informazioni utili agli inserzionisti che volessero investire in modo specifico nel nostro sito a prescindere dalla pertinenza dei contenuti e anche per monitorare il rendimento di ciascuna unità pubblicitaria

crea-nuovo-canale-personalizzato

Si va su Crea nuovo canale personalizzato e si dà un nome magari lo stesso digitato all'inizio

annuncio-personalizzato-canale

Un buon sistema per la creazione di canali personalizzati può essere quello di mettere il titolo del blog anche come acronimo seguito dal posizionamento dello stesso e dalla modalità desktop o mobile. Per esempio il Canale denominato Mio Blog Alto Destra Mobile ha tutte le informazioni necessarie per individuarlo. È inoltre consigliabile mettere la spunta su Mostra questo canale personalizzato agli inserzionisti come posizionamento disponibile per il targeting. Non mi dilungo sul significato e sull'importanza targeting per il posizionamento ma si tratta di una funzione essenziale per attirare gli investitori pubblicitari. 


canale-personalizzato-adsense

Si informano i potenziali investitori del tipo di pagine in cui viene mostrato l'annuncio e in che posizione oltre alla lingua del sito. Nell'apposito campo si digita anche una breve descrizione

canale-personalizzato

Quando si è terminato si va su Salva. Ciascun publisher ha a disposizione fino a 500 Canali Personalizzati. In Annunci di backup si sceglie se mostrare lo spazio vuoto oppure altre opzioni quando non sia disponibile un annuncio. Si va su Salva e ottieni il codice

Si possono inserire in una pagina aperta con browser desktop fino a tre annunci del tipo banner e tre annunci di insiemi di link.  In una pagina aperta da mobile invece si possono inserire solo due annunci banner e non insiemi di link. Inoltre i due annunci non possono essere visibili nella stessa schermata di cellulare. Nel senso che si deve fare lo scroll della pagina per poterli vedere entrambi.





COME INSERIRE IL CODICE NEL MODELLO PER LA VERSIONE DESKTOP


L'obiettivo è quello di mostrare un banner all'inizio degli articoli e un banner alla loro fine. Per questa ragione dobbiamo ottenere due codici con due diversi Canali.  Il codice ottenuto da Adsense può essere incollato su Layout > Aggiungi un gadget > HTML/Javascript per poi posizionarlo per esempio in una sidebar. Non è invece possibile incollarlo così com'è nel modello perché il template di Blogger è in linguaggio XML e quindi dobbiamo convertire il codice ottenuto in questo nuovo linguaggio altrimenti Blogger non salverà il modello. In linea di massima non si può cambiare il codice ma in questo caso non si tratta solo di una conversione. Ci sono molti tool online per questa operazione. Personalmente utilizzo Blogcrowds. Si incolla il codice e si clicca su Parse 

codice-parsato

Il codice ottenuto viene generato sostituendo in modo automatico il segno < con &lt; e il segno > con &gt; e può essere incollato nel template di Blogger.  Dopo aver salvato il template si va su Modello > Modifica HTML e si cerca la riga con cui inizia la sezione desktop del blog  

<b:includable id='post' var='post'>

Si clicca sulla freccetta nera posta a sinistra e si scorre il codice in basso fino a trovare l'altra riga

<data:post.body/> 

che è il tag di Blogger che indica il posizionamento di tutto il contenuto del post. in sostanza incollare un codice sopra a questa riga significa mostrare nel blog un nuovo elemento sopra a tutti i contenuti dei post. Nel nostro caso dobbiamo mostrare i banner solo sopra ai contenuti del post, vale a dire subito sotto il titolo, ma non vogliamo che siano visibili per esempio nelle pagine statiche. Per farla breve dobbiamo incollare subito sopra alla riga <data:post.body/> un codice che abbia questa struttura generica 

<!-- Nome e posizione del banner - Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
Codice di Adsense parsato
</b:if>
 </b:if>
 <!-- Nome e posizione del banner - Fine -->

dove al posto di Codice di Adsense parsato si incolla il codice ottenuto da Adsense e convertito in XML. In Nome e posizione del banner è opportuno indicare di quale banner si tratti in modo da ritrovarlo agevolmente nel modello. I due tag condizionali inseriti servono rispettivamente per mostrare il banner solo nei post ma per non visualizzarli nelle pagine statiche

Vediamo come sia ora possibile mostrare un banner anche alla fine dei contenuti del post. Si scorre il codice verso il basso fino a trovare il blocco 

<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <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>

che serve per quello che viene definito Read More o Jump o anche Continua a leggere. Subito sotto a questo codice va incollato un altro codice con una struttura simile al precedente ma che dovrà avere un Codice di Adsense Parsato diverso con un Canale Personalizzato che indichi la posizione alla fine dei post. È giunto il momento di salvare il modello e di verificare che quando si apre un post si visualizzino i banner. Non si vedrà nulla in Anteprima visto che la modifica è relativa solo ai post e non alla home e che ci vorranno diversi minuti se non ore per vedere la pubblicità. 

COME INSERIRE LA PUBBLICITÀ NELLA VERSIONE MOBILE


Anche nel caso del mobile ci vorranno due codici con due Canali che dovranno essere diversi da quelli usati per il desktop in modo da monitorarli separatamente. I due codici dovranno essere parsati per la conversione in XML e non è obbligatorio incollarli tutti e due ma se ne può mettere solo uno o anche decidere di non mostrare la pubblicità nei dispositivi mobili

Si va su Modello > Modifica HTML e si cerca la riga

<b:includable id='mobile-post' var='post'>

che è quella che denota l'inizio del codice per la versione mobile. Eventualmente si clicca sulla freccetta nera posta a sinistra poi si scorre il codice in basso fino a trovare la riga 

<data:post.body/>

che ha lo stesso significato di quella per la versione desktop. Subito sopra a questa riga si incolla 

<!-- Nome e posizione del banner - Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
Codice di Adsense per il mobile parsato
</b:if>
 </b:if>
 <!-- Nome e posizione del banner - Fine -->

con le stesse avvertenze già enunciate per la versione desktop. Si scorre poi il codice fino a trovare 

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

e subito sotto a questo si incolla il codice per il secondo banner con la stessa modalità del precedente. Si salva il modello e dopo qualche minuto o qualche ora si apre un post del blog con un dispositivo mobile per verificare che i banner siano presenti.  

RISOLUZIONE DI ALCUNI PROBLEMI


Nel caso in cui i banner fossero in linea con i contenuti si può inserire prima del codice parsato il tag <p> e alla sua fine il tag di chiusura </p> per dividere i banner dal resto del post. Se invece i banner fossero troppo vicini ai contenuti o ad alcuni bottoni presenti nel layout si possono inserire dei salti di riga con il tag <br/> da mettere prima e/o dopo il codice.

Un altra esigenza piuttosto comune che si manifesta quando la larghezza dell'area del post sia diversa da quella del banner è quella di centrarlo nel layout. L'operazione è semplice e basta incollare il tag <div align='center'> prima del codice parsato e il tag </div> alla fine dello stesso. 


INSERIRE GLI INSIEMI DI LINK


Come detto si possono inserire anche tre insiemi di link. Ci vuole una certa attenzione perché non vadano a interferire con i banner. Sono utili in questo caso i tag <br/> per inserire dei salti di riga che servano da divisione. Il codice va ottenuto nello stesso modo di quello dei banner, vanno utilizzati i Canali Personalizzati  e il codice va parsato per la conversione in XML. Si utilizzano gli stessi codici precedenti e gli stessi posizionamenti. per l'eventuale inserimento nel modello. Si può per esempio mettere un insieme di link orizzontale alla fine del post e subito dopo un banner orizzontale o un rettangolo display. Gli insiemi di link possono anche essere inseriti più semplicemente tramite Layout > Aggiungi un gadget > HTML/Javascript per esempio sotto l'Intestazione del blog. In questo caso il codice non va parsato. 

MOSTRARE LA PUBBLICITÀ IN HOME NELLE PAGINE DI ETICHETTE E DI ARCHIVIO


I post sono formati da una sola pagina mentre la Homepage, le pagine di etichette e di archivio hanno fino a 25 elementi. Se noi inserissimo la pubblicità in queste pagine con la stessa modalità usata per  i post visualizzeremo per esempio nella Home i banner sotto ai primi tre titoli e degli spazi bianchi nei restanti post perché come detto si possono mostrare al massimo tre unità pubblicitarie

Per risolvere dobbiamo creare una nuova unità pubblicitaria con un nuovo Canale Personalizzato da mostrare per esempio solo alla fine del primo articolo e non nei successivi. Questa unità pubblicitaria per non andarsi a sommare alle altre non dovrà essere visibile nei post. Useremo i soliti tag condizionali. Si va su Modello > Modifica HTML e si cerca la riga 

<b:includable id='post' var='post'>
Si scorre il codice fino a trovare la riga  <data:post.body/> e, subito sopra, si incolla questo codice
<!-- Annuncio Home Etichette e Archivio -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.isFirstPost'> 
Codice Adsense parsato 
</b:if>
 </b:if>
</b:if>
<!-- Annuncio Home Etichette e Archivio -->

dove i tag condizionali per mostrare il codice solo nel primo post sono stati colorati di viola.

MOSTRARE PUBBLICITÀ NELLE PAGINE STATICHE


Nei codici presentati sono stati sempre inseriti dei tag condizionali per non mostrare i banner nelle pagine statiche. Nel caso in cui volessimo mostrare in questi elementi delle unità particolari magari diverse da quelle dei post o della Homepage si va su Modello e nelle stesse posizioni si incolla 

<!-- Annuncio Pagine Statiche - Inizio -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
Codice Adsense parsato
</b:if>
<!-- Annuncio Pagine Statiche - Fine -->

Ovviamente bisogna salvare il template.

COME MOSTRARE UN BANNER SULLA SINISTRA O DESTRA DEI POST


L'algoritmo di Google sembra che penalizzi i siti in cui si deve scorrere la pagina prima di arrivare ai contenuti. Questo può accadere se inseriamo un banner orizzontale subito sotto al titolo del post. Per ovviare possiamo optare per un rettangolo posizionato sulla sinistra del contenuto del post. In questo caso i lettori possono iniziare a leggere l'articolo senza scrollare la pagina. Non sto a ripetere il posizionamento  ma mi limito a indicare quale dovrebbe essere il codice in questo caso

<!-- Tipo di Annuncio - Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float: left; margin: 6px 24px 2px 2px;'>
Codice Adsense parsato</div>
</b:if>
</b:if>
<!-- Tipo di Annuncio - Fine -->

Se invece si volesse posizionare il banner sulla destra il codice sarebbe 

<!-- Tipo di Annuncio - Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float: right; margin: 6px 2px 2px 24px;'>
Codice Adsense parsato</div>
</b:if>
</b:if>
<!-- Tipo di Annuncio - Fine -->

dove i parametri in rosso rappresentano le distanze tra il banner e il resto del layout in senso orario a partire dalla direzione verso l'alto. Questa scelta è possibile solo se non siamo soliti pubblicare una immagine all'inizio dell'articolo e se non abbiamo un template con immagini come sfondo dell'area del post che possono interferire con il banner. 

BANNER NELLA HOMEPAGE DELLA VERSIONE MOBILE


Si va sempre su Modello > Modifica HTML e si cerca la fine della intestazione perché sarà quella la posizione per il nostro banner nella versione mobile. Si cerca cioè la riga </header> e, subito sotto, si incolla un codice con questa struttura  di base

<!-- Banner Mobile Home - Inizio -->
<b:if cond='data:blog.isMobile'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div align='center'>
Codice Adsense per il mobile parsato
  </div>
</b:if>
</b:if>
</b:if>
<!-- Banner Mobile Home - Fine -->

Si salva il modello e si verifica aprendo il blog con un dispositivo mobile. Il tag center colorato di viola serve per centrare il banner all'interno del layout nella visione da mobile. Il primo tag condizionale serve per mostrare il banner solo nei dispositivi mobili, il secondo per non mostrarlo nei post e il terzo per non mostrarlo nelle pagine statiche. Oltre che nella Homepage sarà quindi visibile anche nelle pagine di archivio e in quelle delle etichette.

CIRCUITI PUBBLICITARI DIVERSI DA ADSENSE


I posizionamenti e i codici utilizzati per Adsense vanno bene anche per le unità pubblicitarie ottenute da altre società. Bisognerà sempre convertire i loro codici in XML (parsati) per poi applicare i tag condizionali necessari per visualizzarli nelle varie tipologie di pagine del nostro layout.


83 commenti :

  1. Ernesto sono sempre io, ciao. E' possibile inserire due codici degli annunci adsense in uno stesso widget html nella sidebar, magari distanziati uno dall'altro ?

    RispondiElimina
    Risposte
    1. Non vedo la ragione di metterli in uno stesso widget dato che li puoi mettere in due widget distinti fino a un massimo di tre unità pubblicitarie display per pagina. Comunque lo puoi anche fare. Per distanziarli tra un codice e l'altro inserisci questo tag <br/> che è un salto di riga
      @#

      Elimina
  2. ciao Ernesto, è vero, l'unico motivo è vedere se riesco ad allinearli meglio nella sidebar, è solo una prova in realtà... grazie

    RispondiElimina
    Risposte
    1. Per allinearli orizzontalmente devi usare una tabella di una riga e due colonne
      http://www.ideepercomputeredinternet.com/2011/10/come-inserire-nel-blog-una-tabella-di.html
      @#

      Elimina
  3. No Ernesto, parlo verticalmente, non riesco ad incolonnare in modo decente i widget, uso sempre html per le immagini, centro come posso, provo a cambiare i margini, avvicino e allontano, insomma prendo tutte le misure dei widget, delle immagini e anche degli annunci adsense personalizzati, alcune cose le sposto e le metto nel footer (fanno su e giu per trovare la posizione migliore) insomma sto diventando matta per dare un ordine alla sidebar, ti seguo tanto ma qualcosa deve sfuggirmi, perchè certi gadget sono spostati a sinistra? non so più come fare :)

    RispondiElimina
    Risposte
    1. Non posso aiutarti nello specifico ma devi usare questo codice

      <div align="center">
      prima del codice dell'elemento
      e </div>
      alla fine del codice dell'elemento da allineare.
      Questo per centrare. Per allineare a sinistra sostituisci center con left e per allineare a destra lo sostituisci con right
      @#

      Elimina
    2. e così faccio infatti, ma devo aver fatto qualche errore nelle dimensioni che ho dato del layout,perchè ho provato anche a mettere il bordo (grazie!) intorno alla sidebar e si vedeva tutto spostato sulla destra rispetto al contenuto
      http://lemedichessediclo.blogspot.it/

      Elimina
  4. Buongiorno Erensto,
    ho provato ad inserire il codice Adsense nella versione mobile all'interno del post in alto... ma controllando dal mio cell. non compare... la vedo solo nell'anteprima quando scelgo l'opzione personalizza... non capisco dove sia il problema. Io ho un Iphone 4S.

    RispondiElimina
    Risposte
    1. Io ho illustrato il procedimento per implementare il codice poi i singoli malfunzionamento non so da cosa possano dipendere. Forse non hai parsato il codice o forse non lo hai incollato nel posto giusto o ancora hai un template scaricato da internet in cui bisogna incollare il codice da un'altra parte oppure hai aperto il sito solo nella homepage senza andare nei post o infine non hai messo Personalizza su Modello > Cellulare, ecc
      @#

      Elimina
  5. Buongiorno,se si utilizzasse lo stesso codice annuncio non c'è problema vero? Dici di cambiarli per fare un monitoraggio ai fini statistici dei clic o sbaglio? Grazie

    RispondiElimina
  6. Ho fatto una breve ricerca tra i tuoi articoli e mi sembra di capire inoltre che non sia possibile inserire un banner adsense nel modello per farlo comparire a metà di ogni articolo.Sbaglio?Grazie mille

    RispondiElimina
    Risposte
    1. Non si può modificare il codice Adsense, va contro il regolamento. Per monitorare i rendimenti bisogna aggiungere un Canale personalizzato quando si genera il codice come è spiegato anche in questo post.
      La questione di porre Adsense al centro del post è in verità piuttosto semplice però non credo possa portare grandi benefici e poi c'è sempre la possibilità che possa andare contro il regolamento perché si utilizza un javascript. Se sei interessato puoi comunque seguire questo post e poi chiedere lumi sul forum riguardo alla sua liceità
      https://widgetgenerators.com/add-adsense-in-the-middle-of-the-post-in-blogger/

      Elimina
  7. Capisco, pero' scusami se io metto deu banner ad inizio e fine post automatici e poi inserisco in un articolo un codice java per insieme di link e un banner al centro perchè dovrei violare? Il numero lo rispetto.Grazie

    RispondiElimina
    Risposte
    1. Riporto la frase che ho pubblicato all'inizio di questo post
      "Non sono un esperto del Regolamento di Adsense quindi se qualcuno ha dei dubbi in merito è consigliabile che si rivolga all'apposito forum e non a me tramite commenti. "
      In passato c'è pure chi se l'è presa con il sottoscritto perché a suo dire non gli avevo spiegato bene una cosa come se fosse quello il mio compito e quindi non voglio ripetere l'esperienza
      @#

      Elimina
    2. nooo Ernesto, lungi da me dal darti la colpa per qualcosa.DIcevo che rispettando ilnumero 3 di banner e 3 insiemi di link perchè dovrei violare se al centro di un articolo inserisco un altro banner.Buona domenica sera............

      Elimina
  8. salve Ernesto, per il banner a fondo pagina che vorrei integrare nel corpo del post come quello in alto ho modificato i parametri margin: 6px 2px 2px 24px;'> cambiando il primo in -60 ma con scarsi risultati.VOrrei affiancare il banner agli ultimi link .Il sito è questo : http://www.risparmioebenessere.it/2015/09/risparmiare-sulla-spesa-aumentare-durata-ed-integrita-del-cibo.html

    mi dai una tua dritta per favore? Grazie mille e buon week end

    RispondiElimina
    Risposte
    1. Il banner a fondo pagina è sempre esterno al contenuto del post. Si potrebbe provare a mettere una distanza negativa per la direzione top come hai già fatto ma credo che verrebbe una schifezza
      @#

      Elimina
  9. Hai ragione ho inserito un codice di distanziamento dal top in negativo ma addirittura il banner si sovrappone ap post. Potrei invece affiancare l'insieme di link al banner in modo da toglerlo sopra o aggiungere altro banner. Mi dai un consiglio? Vorrei far fruttare la pubblicità al fondo del post di piu', Cosa faresti al mio posto? Grazie per la pazienza.

    RispondiElimina
    Risposte
    1. Lascerei il banner in fondo al post come è in questo sito anche se accanto ci sono le Unità con centenuti per corrispondenza che non sono disponibili per tutti i siti
      @#

      Elimina
  10. intendi l'altro annuncio quadrato grande accanto a quello standard in fondo a questo articolo.Vedo che ci sono un insieme di link ai tuoi stessi articoli e c'è anche powered by google.Dici questo che non posso avere? okok grazie.Ti chiedo una domanda off topic.Ho acquistato il dominio da ochi giorni.Per alcune chiavi il sito è già tra le prime pagine di google ma ricevo piu' visite dagli aggregatori di notizie che non dai motori di ricerca.Hai scritto qualcosa in merito o dovrei sapere qualcosa in merito a come ottenere piu' visite da google? Grazie Ernesto se vorrai rispondere. Per oggi ti auguro una buona serata.Spero di trovare qualche tua dritta domani in email. A presto

    RispondiElimina
    Risposte
    1. Avere più visite è l'obiettivo di tutti ma non esistono ricette
      @#

      Elimina
  11. Salve, ha qualcosa su come posizionare il banner non a inizio post ma qualche riga dopo l'incipit di ogni post? Grazie mille. Buona giornata

    RispondiElimina
    Risposte
    1. Non ho mai pubblicato nulla in merito perché ho dei dubbi sulla liceità riguardo al regolamento e quindi non vorrei che qualcuno poi se la prendesse con me. Si può comunque seguire questo post in inglese
      http://helplogger.blogspot.it/2014/01/adsense-ads-in-the-middle-of-blogger-posts.html
      @#

      Elimina
  12. Grazie mille Ernesto. Un off topic visto che anche il tuo sito è sulla piattaforma blogger. Hai scritto qualcosa sulle visite dai siti russi. Ho notato che ogni giorno alcune visite provengono da siti porno o altri strani, russi o cinesi

    RispondiElimina
    Risposte
    1. Non sono visite reali ma solo virtuali da parte di siti di spam
      http://www.ideepercomputeredinternet.com/2015/11/referrer-spam-blogger-statistiche-origini-traffico.html
      @#

      Elimina
  13. Ho letto l'articolo Ernesto, grazie. Io però nella home page mobile vorrei mettere il banner non sotto la stringa Header ma sotto il menu' etichette. Il sito è questo : www.risparmioebenessere.it
    quali tag dovrei modificare? Grazie

    RispondiElimina
  14. scusa lo script etichette anche in mobile è #PageList1 ? Grazie

    RispondiElimina
    Risposte
    1. Questo commento è stato eliminato dall'autore.

      Elimina
    2. a me con screenfly da #PageList1_select ma non lo trovo. Puoi aiutarmi? grazie mille

      Elimina
    3. Non si può trovare il punto giusto con Ispeziona elemento, devi fare dei test dopo aver salvato il template
      @#

      Elimina
  15. Grazie Ernesto per dirmi così avrai già fatto le prove. Ok proverò un po'. Invece sempre nella versione mobile per inserire altri banner tra gli incipit dei post hai esperienze? Il sito è sempre www.risparmioebenessere.it

    Grazie mille. A breve all'interno del mio articolo che parla di come guadagnare con un blog o sito se sei d'accordo metterò dei link al tuo sito.

    RispondiElimina
    Risposte
    1. Riguardo al commento 14.b ti posso dare una idea di come procedere. Vai su Layout e guarda che nome ha la sezione in cui è presente il widget delle pagine
      http://www.ideepercomputeredinternet.com/2015/06/blgger-layout-section-widget.html
      Probabilmente avrà un nome come crosscol, crosscol1 o crosscol-owerflow
      Cerca quindi nel modello l'inizio della sezione relativa che avrà un codice tipo
      <b:section class='tabs' id='crosscol' ....
      Il codice della pubblicità prova a inserirlo lì sopra.
      Non si possono inserire dei banner tra gli incipit dei post della Home. Nella versione mobile ce ne può essere al massimo uno per schermata e poi sarebbe difficile dal punto di vista tecnico. Puoi mettere tutti i link che vuoi ai post di questo blog
      @#

      Elimina
  16. Ok grazie vedrò di seguire quanto dici. Leggendo bene questo articolo vedo che hai scritto in merito all'inserimento di pubblicità sul desktop solo nella home. Bene vorrei mettere un banner sotto l'insieme di link che non sia visibile nei post però perchè si scontrerebbe con i già 3 banner presenti. Hai qualcosa in merito? Grazie

    RispondiElimina
    Risposte
    1. Basta che usi i tag condizionali per non mostrare un banner solo nei post cioè
      < b:if cond='data:blog.pageType != "item" >
      ovviamente senza spazi
      @#

      Elimina
  17. quindi al codice sopra dovrei aggiungere questa stringa che mi scrivi? e in quale posizione del template dovrò inserire il tutto per mostrare il banner sopra il titolo dal primo post in home page?
    www.risparmioebenessere.it

    grazie

    RispondiElimina
    Risposte
    1. O non ho avevo capito nulla io o non ti sei spiegato bene te. Credo che tu voglia mostrare un insieme di link sopra il titolo del post. Lo puoi fare andando su Layout > Aggiungi un gadget > HTML/Javascript senza parsare il codice. Per inserire i vincoli puoi usare i tag condizionali
      http://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
      segnatamente nella sezione
      COME USARE I TAG CONDIZIONALI NEI WIDGET
      @#

      Elimina
  18. Ahh......Ernesto vai per la prima ihhhh. L'insieme di link già c'è. So bene come inserire tramite blogger. Io volevo inserire sotto l'insieme dei link sopra il titolo del primo post, solo in homepage un banner. Se vedi il sito lo vedi. Grazie

    RispondiElimina
  19. Che non compaia ovviamente nei singoli articoli

    RispondiElimina
  20. ernesto buonasera io questa "" non la trovo

    come mai?

    RispondiElimina
    Risposte
    1. Il codice HTML non viene mostrato nei commenti ma ho capito che non sai bene come cercare il codice nel modello di Blogger. Leggiti questo post
      http://www.ideepercomputeredinternet.com/2013/04/new-blogger-template-editor.html
      e eventualmente guarda anche il video e quest'altro post
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
      @#

      Elimina
    2. e si Ernesto sono un asino in materia, grazie della tua disponibilità...controllerò questi 2 url appena posso...buona giornata

      Elimina
  21. Ciao, scusa se posto la mia domanda qua ma mi è sembrato l'articolo più inerente. Adsense ha rilasciato gli annunci a livello di pagina per dispositivi mobili fissati al bordo dello schermo, ho provato a seguire un loro tutorial ma non compare nulla. Mi chiedevo se puoi farne uno tu. Grazie

    RispondiElimina
    Risposte
    1. Già fatto. Bastava cercarlo con l'apposita casella di ricerca :)
      http://www.ideepercomputeredinternet.com/2015/09/annunci-livello-pagina-blogger-adsense.html
      @#

      Elimina
  22. Salve, nonostante seguo tutto alla lettera non riesco a mostrare gli annunci nei miei post, se non inserendo il codice html direttamente nell'articolo stesso.. avete soluzioni? https://pokegoitalia.blogspot.it/

    RispondiElimina
    Risposte
    1. Se segui questo post in modo corretto anche parsando il codice prima di inserirlo nel modello dovresti visualizzare gli annunci, magari dopo qualche ora. Se nei post ci fossero già altri codici ricordo che non si possono visualizzare più di tre unità per pagina. Comunque gli spazi bianchi dovrebbero essere visibili anche prima che arrivino gli annunci.
      @#

      Elimina
    2. Non escono nemmeno gli spazi bianchi, nonostante ho aspettato 1 giorno.. non so piu che fare, seguo tutto alla lettera :(

      Elimina
    3. Forse hai due righe < data:post.body / > nella sezione desktop. In alcuni modelli scaricati da internet c'è questa particolarità. Prova a vedere se c'è un'altra riga poco più sotto sempre nella stessa sezione e incolla il codice sopra e/o sotto a quella
      @#

      Elimina
    4. ho provato in entrambe le righe, ma nulla..

      Elimina
    5. Ho guardato solo ora il tuo blog. È questo?
      http://pokegoitalia.blogspot.it/
      In questo caso si spiega tutto. È un modello a Visualizzazione Dinamica e la pubblicità può essere inserita solo con le schede di Google andando su Profitti.
      @#

      Elimina
    6. Nemmeno dalla scheda profitti me le fa vedere. Cosa mi consiglia di fare? Inserire il codice html di adsense in ogni singolo post?

      Elimina
    7. Se vuoi usare Adsense su Blogger ti consiglio di passare a un modello non a Visualizzazione Dinamica
      @#

      Elimina
  23. Ciao, posso chiederti da dove hai preso queste regole? C'è una pagina web in cui Google stesso le detta? Specialmente per i dispositivi mobile...
    "Si possono inserire in una pagina aperta con browser desktop fino a tre annunci del tipo banner e tre annunci di insiemi di link. In una pagina aperta da mobile invece si possono inserire solo due annunci banner e non insiemi di link. Inoltre i due annunci non possono essere visibili nella stessa schermata di cellulare. Nel senso che si deve fare lo scroll della pagina per poterli vedere entrambi."

    RispondiElimina
    Risposte
    1. All'inizio del post ho anche scritto "Non sono un esperto del Regolamento di Adsense quindi se qualcuno ha dei dubbi in merito è consigliabile che si rivolga all'apposito forum e non a me tramite commenti." In effetti adesso pare che il limite dei tre banner per il desktop sia stato superato e sostituito però non si sa da cosa. Chiedi più informazioni sul forum
      https://productforums.google.com/forum/#!forum/adsense-it
      @#

      Elimina
    2. Il mio dubbio non era tanto per il limite dei 3 banner sul desktop, ma piuttosto dei 2 banner sul mobile...

      Elimina
    3. Quello che conta credo sia che non si possa vedere nello stesso scroll della pagina più di un banner che occorra cioè scorrere verso il basso per vederne un altro
      @#

      Elimina
  24. Ciao Ernesto.. Ti disturbo anche di qua. Non so di preciso da quanti gg ma dopo aver preso sto dominio su godaddy mi è scomparsa la pubblicità di adsence.. Apparte il reindirizzamento ho solamente cambiato da layout i Widget laterali da due colonne ad una unica per allargare il corpo del post.. C'è qualcosa che potrebbe aver dato noia ad adsence (tra l'altro pure gli annunci a livello di pagina mi sono scomparsi) e non ho nessuna comunicazione da parte di adsence. Io li avevo inseriti da blogger come aggiungi html.. Non è che magari col dominio personalizzato li debbo mettere nel modello direttamente.. Per caso ti risulta qualcosa? Grazie mille

    RispondiElimina
  25. Mi autorispondo.. Devo forse eseguire l'upgrate per il sito web partner non host? Prima di fare qualche errore volevo chiedertelo.. Grazie

    RispondiElimina
  26. Si. Chiedi sul forum per maggiori informazioni.
    @#

    RispondiElimina
    Risposte
    1. In realtà ci ho provato ma nessuna risposta ad oggi xd
      Proverò a fare così grazie ancora

      Elimina
  27. Salve
    sto cercando di inserire adsense al mio blog e nella mail che mi ha mandato google dice di creare la mia prima unità pubblicitaria e inserire il codice nel mio sito ma nella mia home di adsense c'è questo messaggio

    "Stiamo lavorando al collegamento del sito.
    La recensione del tuo sito richiederà fino a 3 giorni. Ti invieremo un'email al termine."

    di conseguenza è tutto bloccato , come devo procedere , google mi chiede di inserire il codice sul mio sito per ispezionarlo ma non me lo lascia creare ... può aiutarmi a capirne di più ?? cmq se può servire come notizia , io nel mio blog vedo gli annunci di adsense vuoti
    La ringrazio per il tempo dedicatomi

    RispondiElimina
    Risposte
    1. Si tratta di una questione di procedure che non conosco perché quando mi sono iscritto io lo si faceva in modo molto diverso. Ti consiglio di rivolgerti al forum che c'è anche in italiano e che puoi trovare cercandolo su Google
      @#

      Elimina
  28. Ciao Ernesto,
    avrei una domanda che centra solo in piccola parte con questa pagina. In Blogger/Blogspot, come si fa ad inserire righe di codice come testo, in modo che siano visibili poi nella pagina pubblicata? Se scrivo un testo e metto due righe di codice per farle vedere al lettore, queste vengono interpretate solo come codice e non come testo e quindi non appariranno. Spero di essermi spiegato, nonostante il giro di parole contorte :)
    Grazie

    RispondiElimina
    Risposte
    1. È semplice. Apri l'Editor del Post e vai sulla colonna di destra Impostazioni post quindi clicca in basso su Opzioni. Infine in Modalità Scrivi metti la spunta a Mostra HTML letteralmente. Salva andando su Completato. Questa opzione in genere viene ricordata anche per i post successivi. Per inserire codice nei commenti leggi questo post
      http://www.ideepercomputeredinternet.com/2017/02/codice-html-commenti-blogger.html
      @#

      Elimina
    2. PS: ho notato ora, sei riuscito ad inserire un banner (ne vedo uno orizzontale) all'interno dell'articolo? Se ne parli in qualche post, dimmi pure :)
      Ciao

      Elimina
    3. Non è facile farlo automaticamente in Blogger perché ci vorrebbe un javascript che potrebbe essere contro il regolamento. Lo si può fare manualmente
      http://www.ideepercomputeredinternet.com/2017/02/mobile-desktop-blogger-tag-condizionale.html
      incollando il codice in ogni post con determinati vincoli
      @#

      Elimina
    4. Immaginavo fosse manuale. Nei siti Joomla utilizzo un "richiamo" ad un modulo (con "loadposition") dove voglio all'interno del post. Un lavoro manuale che però mi permette di inserire annunci solo nei post più lunghi. Ora leggo il tuo post, grazie

      Elimina
  29. Ciao Ernesto, sono di nuovo qui a rompere le scatole.
    Per quanto riguarda l'argomento "COME MOSTRARE UN BANNER SULLA SINISTRA O DESTRA DEI POST", che utilizzo da tempo, ho riscontrato un'anomalia: in pratica negli ultimi 3 post che ho pubblicato (dal dicembre 2017) e in altri rari casi del passato, il banner interno all'articolo non appare proprio, né a destra né a sinistra, mentre in tutti gli altri si.
    Può esserci qualche cosa che impedisca la pubblicazione dell'annuncio in determinati post? E soprattutto mi accade negli ultimi pubblicati.
    Se hai qualche idea, te ne sarei grato.

    RispondiElimina
    Risposte
    1. Succede spesso anche a me. Credo sia una scelta di A. quella di mostrare solo alcuni banner e non tutti. Se provi a ricaricare la pagina due o tre volte o se la apri con un altro browser o con una pagina in incognito è molto probabile che vedrai anche il banner a cui ti riferisci
      @#

      Elimina
    2. No, anche aggiornando mille volte la pagina, aprendola da altri pc, browser, in incognito, non appare il banner in questione, mentre appaiono gli altri (a lato e a fine post). Ho pubblicato ora un altro post e anche lì non appare. Praticamente negli ultimi 4 non compare mai. Non ho cambiato nulla, non riesco proprio a capire come mai. Mentre in post precedenti compare sempre. Boh...

      Elimina
    3. Ciao, dopo diverse prove incrociate su diversi post ho capito l'inghippo.
      In pratica, in tutti i post dove ho compilato la "Descrizione della ricerca", automaticamente non appare il banner interno, a lato del testo (sia destra che sinistra). Infatti negli ultimi post compilavo sempre il campo ricerca.
      Vorrei chiederti: tu scrivi nella "Descrizione della ricerca"?
      Il tuo codice, perché va in conflitto con questa cosa?
      Forse l'unica soluzione è non utilizzare questa descrizione.
      Grazie in anticipo per la pazienza

      Elimina
    4. Ho capito. Forse hai seguito questo post
      https://www.ideepercomputeredinternet.com/2016/09/come-mostrare-la-meta-descrizione-di.html
      per mostrare la descrizione di ricerca sotto il titolo dell'articolo. Probabilmente nel tuo modello devi inserire delle distanze superiori a quelle che ho proposto nel post. Prova con margin: 15px invece di margin: 10px. Modifica anche i margini della unità pubblicitaria. Invece di
      margin: 6px 24px 2px 2px;
      prova con
      margin: 12px 24px 2px 2px;
      fino a che non trovi la giusta soluzione. Sempre nel caso che la mia ipotesi risulti giusta e che in effetti tu abbia iniziato a mostrare la metadescrizione prima del contenuto del post
      @#

      Elimina
    5. Ciao, no, non l'avevo mai letto questo articolo e non ho fato tali modifiche. La descrizione di ricerca che intendo è quella che appare sulla destra mentre scrivi il post, sotto le etichette, ubicazione, permalink, ecc... A quanto pare va in conflitto con il codice indicato qui sopra nella tua pagina, dove descrivi come inserire banner nel testo

      Elimina
    6. Infatti è quella che si mostra sotto il titolo. Non capisco che fastidio dia al banner se non si vede. Boh
      @#

      Elimina
    7. Ma se sul tuo sito, ad un post aggiungi la descrizione compilando il box relativo, ti scompare anche a te il banner nel testo, quello a sinistra sotto il titolo? Giusto per curiosità, se sia un problema mio o di tutti. Grazie mille

      Elimina
    8. No. È solo un problema tuo che purtroppo non so da cosa possa dipendere perché la metadescrizione non viene mostrata di default nel layout se non con il metodo illustrato nel post che ti ho linkato precedentemente. Forse hai un Tema scaricato da internet che inserisce in qualche modo la metadescrizione (ipotesi)
      @#

      Elimina
    9. No, il tema è uno dei classici di blogspot/blogger, versione semplice. La cosa strana è che anche in un altro mio blog con template blogger simile, mi fa lo stesso scherzo: nei post dove compilo la "Descrizione della ricerca" scompare poi il banner sotto il titolo. Per questo ho chiesto se accadeva anche a te.
      E poi accade solo nei post dove io inserisco la descrizione. Negli altri post è tutto ok, il banner appare.
      Va beh, pazienza, o tolgo le descrizioni o cambio posizione del banner.
      Grazie per il confronto, non ti assillo ulteriormente su questo problema.

      Elimina
  30. Sto cercando un tutorial per inserire un banner ads mobile all'interno dell'articolo. Come posso farlo? :(

    RispondiElimina
  31. Hai un sito su Blogger? Hai un modello non responsive? Se è così segui questo post nella parte in cui tratta di inserire la pubblicità nella versione mobile. Non usare il banner per il mobile ma quello reattivo che si adatta automaticamente alla risoluzione.
    Hai un tema Responsive? Se è così segui le istruzioni di questo post https://www.ideepercomputeredinternet.com/2017/04/blogger-tema-adsense.html
    @#

    RispondiElimina
    Risposte
    1. Ciao. Sì, ho un blog su blogger ma il template è già responsive.
      Ho dei banner ads non GoogleAdsense e sono alla ricerca di un tutorial per inserirli a metà articolo, magari fra un paragrafo e l'altro.

      Elimina
    2. Se ho capito bene cerchi un tutorial che mostri i banner automaticamente all'interno di tutti i post, anche di quelli già pubblicati?
      Ci sono molti tutorial in rete su questo tema. Non ne ho mai scritti perché non sono sicuro che siano rispettosi delle norme A. Tu cmq hai altri banner e puoi usarli. Ti link qualche post
      https://www.ogbongeblog.com/2014/09/make-adsense-appear-in-middle-without-post-template.html
      https://www.alltechbuzz.net/place-google-ads-in-middle-of-posts-blogger/
      https://helplogger.blogspot.com/2014/01/adsense-ads-in-the-middle-of-blogger-posts.html
      Ho dato un rapido sguardo e il terzo link mi sembra il migliore
      @#

      Elimina
  32. I banner all'interno dell'articolo si inseriscono manualmente seguendo queste istruzioni
    https://www.ideepercomputeredinternet.com/2017/09/adsense-in-mezzo-blogger-post.html
    @#

    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