Annunci AdSense nel primo post su Blogger anche nella pagina principale del blog

Molti su Blogger hanno scelto di inserire gli annunci AdSense nel proprio blog senza ricorrere ai posizionamenti proposti da Google (“visualizzazione annunci tra post”) ma scegliendo come me di visualizzarli all’inizio e alla fine del singolo post, magari seguendo l’articolo scritto tempo fa su come farlo. Il “punto debole” di questa strategia è che la pagina principale del blog e quelle dell’elenco degli articoli per categorie rimangono scoperte da quegli annunci, a meno che non si ricorra a elaborate modifiche.

Da qualche tempo però Google ha messo a disposizione un codice che permette di identificare il primo post visualizzato, e questa piccola modifica apre la strada a innumerevoli possibili modifiche ai template di Blogger. La prima che mi è venuta in mente è proprio quella di sfruttare meglio la pagina principale del blog (e quelle dell’elenco dei post per categoria) per gli annunci AdSense:

Approfitterò dell’occasione per provare il rendimento di questi nuovi annunci e per tenervi aggiornati sul blog. Nel frattempo, se volete inserirli anche voi, vediamo come fare la modifica.

Era possibile anche farlo prima

In realtà modifiche come questa potevano essere fatte da sempre, tramite un semplice codice Javascript che contasse i post visualizzati. Il problema è che in questo modo il codice degli annunci, o qualsiasi altro elemento avessimo deciso di aggiungere, verrebbe comunque caricato dal browser, appesantendo inutilmente il caricamento del blog. Con il nuovo tag inserito nel codice del template, invece, sarà il server di Blogger a decidere preventivamente quali parti del template visualizzare o meno, alleggerendo il lavoro a carico del browser.

Generiamo gli annunci

Per prima cosa creiamo i nuovi annunci da inserire sopra e sotto il post, seguendo le istruzioni già fornite in questo articolo. Per il formato io ho deciso di usare un banner 486x60 con soli annunci di testo, per non stravolgere troppo l’aspetto del mio template. In altri contesti, altri formati di annunci potrebbero andare meglio.

Ricordatevi sempre che gli annunci devono essere sempre tre per tipo, quindi se avete già più di un annuncio presente nella pagina principale del blog fate i vostri conti.

Anche se il formato dei due annunci è lo stesso, ho preferito generare due diversi insiemi, per monitorarne meglio il rendimento con l’uso dei canali.

Modifichiamo il template di Blogger

Da Layout->Modifica HTML, selezioniamo “Espandi i modelli widget” e cerchiamo questa riga di codice:

<data:post.body/>

La riga potrebbe essere leggermente diversa, ma di certo troveremo sempre l’elemento post.body. Subito sopra, incollate il seguente codice:

<!-- annuncio sotto il titolo del primo post, inizio -->
<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

... codice adsense ...

</b:if>
</b:if>
<!-- annuncio sotto il titolo del primo post, fine -->

Ovviamente dovrete sostituire la parte in rosso con il vostro codice AdSense. Per i tecnici, isFirstPost è la parolina magica che permette di identificare il primo articolo. Con questa modifica l’annuncio apparirà sotto il titolo del primo post, ma prima del corpo dell’articolo.

Per inserire anche l’annuncio sotto, ritornate a:

<data:post.body/>

E subito sotto inserite:

<!-- annuncio sotto il primo post, inizio -->
<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

... codice adsense ...

</b:if>
</b:if>
<!-- annuncio sotto il primo post, fine -->

Usando questa volta il codice dell’annuncio AdSense che avete scelto di far apparire sotto.

Il risultato è possibile vederlo nell’immagine di apertura di quest’articolo.

Anche con i CSS

Alcuni hanno scelto di utilizzare la modifica alternativa che avevo proposto tempo fa inserendo gli annunci tramite CSS per farli apparire parte integrante dei post:

Anche in questo caso può essere applicata la stessa logica, basta racchiudere tutto il codice tra

<b:if cond='data:post.isFirstPost'>

e

</b:if>

Senza però aggiungere il codice che indico nella sezione “Visualizzare l’annuncio solo nella pagina del post”.

Per concludere

Certe modifiche alla visualizzazione degli annunci danno una vera e propria spinta in avanti al rendimento complessivo di un blog. Questa potrebbe essere una di quelle, o forse no, ma vale la pena provare. Ovviamente l’impatto varia molto da blog a blog, a seconda del template usato, quindi se volete un riscontro la cosa migliore è fare voi stessi la modifica e vedere come va.

L’importante è non stravolgere troppo la grafica del blog ed essere sensibili alle critiche dei lettori per capire se l’impatto non è gradito.

Il nuovo tag nel codice del template, come dicevo, apre le strade a infinite possibili modifiche, ad esempio la visualizzazione del primo post con font diversi (per enfatizzarlo), o solo il suo titolo. A voi eventuali proposte.