Come aggiungere il pulsante Google +1 a WordPress

Pubblicato il

Categoria: CMS

LinkedIn0

In questo tutorial vedremo come aggiungere il pulsante (o bottone) Google +1 a WordPress.
Il pulsante (o bottone) Google +1 è la novità sociale di BigG. Permette di consigliare  e segnalare risorse web considerate come interessanti: in questo modo gli utenti avranno la possibilità di migliorare le loro ricerche. Per marcare un sito o prodotto web come “+1” è necessario possedere un account pubblico di Google.

Aggiungere il bottone Google +1 a WordPress significa completare l’apparato di condivisione sociale del proprio sito o blog: rappresenta infatti il contorno ottimale al tasto invia/send di Facebook e ai pulsanti di Twitter e Linkedin.

Google +1 su WordPress: la codifica

L’implementazione di tale risorsa è eseguibile attraverso l’iniezione di poche righe di codice.

[STEP 1] – Le operazioni preliminari

Aprire il file footer.php e incollare questo codice prima della chiusura del tag </body>:

&lt;script src=&quot;https://apis.google.com/js/plusone.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

In caso il file footer.php non fosse disponibile, dobbiamo incollare una stringa modificata nel file functions.php per permettere il buon funzionamento. Il codice è il seguente:

function add_googleplusone() {
echo '&lt;script src=&quot;http://apis.google.com/js/plusone.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;';
}
add_action('wp_footer', 'add_googleplusone');

Notabene: le 2 operazioni sono indipendenti e non vanno eseguite insieme.

[STEP 2] – Visualizzare il pulsante

Dunque, abbiamo eseguito le operazioni di codifica preliminari. Ora dobbiamo permettere a WordPress di mostrare il pulsante Google +1 nella parte del tema preferita.

Il file che di solito viene scelto per la visualizzazione è single.php, l’elemento di template che si “occupa” dei singoli blog post.

Notabene: il codice dovrà essere incollato all’interno del “post loop” del file, un codice che inizia grossomodo con questo snippet:

&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;

e termina con questo:

&lt;?php endwhile; else: ?&gt;

&lt;?php _e('Sorry, no posts matched your criteria.'); ?&gt;

&lt;?php endif; ?&gt;

Le misure dei bottoni che è possibile scegliere sono le seguenti:

//Codice per il pulsante grande
&lt;g:plusone size=&quot;tall&quot; href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;
//Codice per il pulsante standard
&lt;g:plusone href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;
//Codice per il pulsante medio
&lt;g:plusone size=&quot;medium&quot; href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;
//Codice per il pulsante piccolo
&lt;g:plusone size=&quot;small&quot; href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;

Aggiungendo il parametro count=”false” il bottone verrà visualizzato senza contatore:

&lt;g:plusone size=&quot;small&quot; count=&quot;false&quot; href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;

Notabene: non funziona con lo script che implementa il pulsante grande (che deve necessariamente disporre del contatore)

Aggiungere Google +1 su WordPress con un plugin

Uno sviluppatore inglese ha creato questo plugin per aggiungere il pulsante Google +1 su WordPress: nella pagina sono presenti link per il download e istruzioni per l’installazione.

LinkedIn0