Inserire AdSense al centro degli articoli WordPress senza plugin

Inserire AdSense al centro degli articoli WordPress senza plugin

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.

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:

[php]
#ri_adv_middle_content {display:block; margin: 20px 0; text-align:center; }
[/php]

Come inserire il banner AdSense a metà articolo

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 di robertoiacono.it */
function ri_adv_middle_content( $content ) {
if( !is_single() )
return $content;

$content = explode ( "</p>", $content );
$paragraphAfter = count ( $content ) / 2 ;
$paragraphAfter = (int)$paragraphAfter;
$new_content = ”;
for ( $i = 0; $i < count ( $content ); $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[$i] . "</p>";
}
return $new_content;
}
add_filter( ‘the_content’, ‘ri_adv_middle_content’ );
[/php]

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:

[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 = explode ( "</p>", $content );
$paragraphAfter = count ( $content ) / 2 ;
$paragraphAfter = (int)$paragraphAfter;
$new_content = ”;
for ( $i = 0; $i < count ( $content ); $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[$i] . "</p>";
}
return $new_content;
}
add_filter( ‘the_content’, ‘ri_adv_middle_content’ );
[/php]

Come inserire il banner AdSense dopo N paragrafi

Per inserire il banner AdSense dopo N paragrafi, incolla il seguente codice prima dell’ultimo tag ?> nel file functions.php.

[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 = 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 ); $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[$i] . "</p>";
}
return $new_content;
}
add_filter( ‘the_content’, ‘ri_adv_middle_content’ );
[/php]

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.

Modifica la posizione del banner

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:

[php]
#ri_adv_middle_content {display:block; float: left; margin-left: 0; margin-right: 15px; }
[/php]

Se diventerai ricco grazie a queste modifiche, ricordati di me 😉

VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione
  
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
6 Commenti
  • Carissimo, ti ringrazio, le operazioni che descrivi sembrano funzionare anche bene. Qualche dubbio c’e’ l’ho sul fatto che non sempre le ads vengono inserite dopo ‘tot’ paragrafi. Ogni tanto sballa e le mette un po’ prima o un po’ dopo…Cmnq ti ringrazio. Staro’ a vedere se nei prossimi giorni il ctr aumenta :)..’che nelle prime dodici ore di prova e’ diminuito…eh eh

  • grazie, era una implementazione al mio blog a cui pensavo da un pò di tempo, ho appena terminato l’inserimento del codice ed attendo di vedere la pubblicazione del banner, cosa non immediata. Sembra funzionare bene 😉

  • Ottimo articolo e facile da capire. Sono riuscita a posizionare il banner di AdSense sul nuovo blog in due minuti grazie alla tua spiegazione. Utilissimo! Grazie!

  • Come faccio a specificare che non voglio mostrarlo per un post format specifico? Esempio content-link.php

    grazie
    f.

    • Roberto Iacono

      Crei un controllo con l’if, se il post-format è diverso da X, allora esegui il codice.