Per aumentare ulteriormente il CTR di AdSense, e probabilmente anche i guadagni, bisognerebbe inserire i banner in posizioni strategiche e ben visibili, dove effettivamente l’occhio del lettore passa e pone attenzione.
Una di queste posizioni è sicuramente all’interno del testo dell’articolo, dove il lettore è “obbligato” a guardare.
In questo articolo mostrerò come inserire un banner AdSense a metà articolo o dopo un certo numero N di paragrafi, senza nessun plugin (se vuoi usare un plugin, prova Easy AdSense).
Ma prima, devi creare degli annunci Adsense ed assicurarti di non eccedere con il numero di annunci Adsense inseriti.
Indice
Ragiona da lettore
Ti piacerebbe vedere un mega banner durante la lettura di un articolo interessante, magari tutto circondato di testo e che difficilmente distingui dal contenuto dell’articolo?
Per prima cosa, ragiona da lettore!
Personalmente odio i banner con il testo attorno perchè ne pregiudicano la leggibilità (è un mio parere).
Non trovo piacevoli neanche i banner troppo “alti”, a volte fanno capire all’utente che l’articolo termina in quel punto, quando invece continua.
Quindi, prima di cominciare, ragiona da lettore e segui quella che pensi sia la soluzione migliore, il guadagno va messo in secondo piano.
Prima di cominciare è meglio…
Per inserire un banner all’interno di un articolo WordPress senza utilizzare alcun plugin, occorre modificare dei file. Perciò, fai un backup di sicurezza dei file style.css e functions.php del tuo tema, via ftp.
Dopodichè vai su Aspetto > Editor > style.css ed incolla nell’ultima riga il seguente codice:
#ri_adv_middle_content {display:block; margin: 20px 0; text-align:center; }Vai su Aspetto > Editor > functions.php ed incolla il seguente codice prima dell’ultimo tag ?>, che mostrerà effettivamente il banner al centro dell’articolo (calcolato in paragrafi):
<?php
/* Inserisce AdSense al centro del post, by Roberto Iacono modificato */
function ri_adv_middle_content( $content ) {
// Applica solo agli articoli singoli
if ( !is_single() ) {
return $content;
}
// Suddivide il contenuto in paragrafi
$content_parts = explode( '</p>', $content );
// Calcola la metà del contenuto
$paragraphAfter = count( $content_parts ) / 2;
$paragraphAfter = (int) $paragraphAfter;
$new_content = '';
// Ricostruisce il contenuto
for ( $i = 0; $i < count( $content_parts ); $i++ ) {
// Quando siamo a metà inseriamo l'annuncio
if ( $i == $paragraphAfter ) {
$new_content .= '<div id="ri_adv_middle_content" style="margin:20px 0; text-align:center;">';
$new_content .= '
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="YYYYYYYYYY"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
';
$new_content .= '</div>';
}
// Aggiunge il paragrafo originale
$new_content .= $content_parts[$i] . '</p>';
}
return $new_content;
}
add_filter( 'the_content', 'ri_adv_middle_content' );Aggiungi alla riga 13 Inserisci il tuo codice AdSense qui il tuo codice AdSense. In questo modo il banner AdSense verrà mostrato esattamente a metà articolo.
Ma sei sicuro che vada sempre bene?
Ad esempio, per articoli corti, con qualche centinaia di parole, non ha senso tempestare l’utente con pubblicità (se è già presente anche a fondo articolo), quindi si può mettere una condizione per cui si inserisce il banner solamente se il numero di paragrafi a metà articolo è superiore ad una certa soglia T, ad esempio con T uguale a 10 (vedi riga 11 del codice qui sotto).
In questo caso utilizza il seguente codice:
/* Inserisce AdSense al centro del post, by Roberto Iacono di robertoiacono.it */
function ri_adv_middle_content( $content ) {
if ( !is_single() ) {
return $content;
}
$content_parts = explode( '</p>', $content );
$paragraphAfter = (int)( count( $content_parts ) / 2 );
$new_content = '';
for ( $i = 0; $i < count( $content_parts ); $i++ ) {
if ( $i == $paragraphAfter && $paragraphAfter > 10 ) {
$new_content .= '<div id="ri_adv_middle_content">';
$new_content .= 'Inserisci il tuo codice AdSense qui';
$new_content .= '</div>';
}
$new_content .= $content_parts[$i] . '</p>';
}
return $new_content;
}
add_filter( 'the_content', 'ri_adv_middle_content' );Per inserire il banner AdSense dopo N paragrafi, incolla il seguente codice prima dell’ultimo tag ?> nel file functions.php.
/* Inserisce AdSense al centro del post, by Roberto Iacono di robertoiacono.it */
function ri_adv_middle_content( $content ) {
if ( !is_single() ) {
return $content;
}
$content_parts = explode( '</p>', $content );
$paragraphAfter = 2; // Digita il numero di paragrafo dopo il quale vuoi inserire il banner
$new_content = '';
for ( $i = 0; $i < count( $content_parts ); $i++ ) {
if ( $i == $paragraphAfter ) {
$new_content .= '<div id="ri_adv_middle_content">';
$new_content .= 'Inserisci il tuo codice AdSense qui';
$new_content .= '</div>';
}
$new_content .= $content_parts[$i] . '</p>';
}
return $new_content;
}
add_filter( 'the_content', 'ri_adv_middle_content' );Come vedi dalla riga 7, in questo caso N è uguale a 2.
Aggiungi alla riga 12 Inserisci il tuo codice AdSense qui il tuo codice AdSense. In questo modo il banner AdSense verrà mostrato dopo N paragrafi.
Nella sezione Prima di cominciare è meglio… ti ho fatto inserire il codice dello stile del contenitore contenente il banner AdSense. In questo modo puoi gestire “facilmente” la posizione del banner sfruttando il codice CSS.
Puoi allineare il banner a sinistra o a destra dell’articolo, modificando il codice text-align:center; . Per mostrarlo a sinistra, dovrai sostituirlo con text-align:left; , mentre per mostrarlo a destra con text-align:right; .
Puoi contornare il banner con il testo (se lo fai non ti saluto più ;)), in questo caso dovrai assegnare la proprietà float; un esempio di codice può essere:
#ri_adv_middle_content {display:block; float: left; margin-left: 0; margin-right: 15px; }Se diventerai ricco grazie a queste modifiche, ricordati di me.
