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>:
[html]<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>[/html]
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:
[html]function add_googleplusone() {
echo ‘<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>’;
}
add_action(‘wp_footer’, ‘add_googleplusone’);[/html]
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:
[html]<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
[/html]
e termina con questo:
[html]<?php endwhile; else: ?>
<?php _e(‘Sorry, no posts matched your criteria.’); ?>
<?php endif; ?>[/html]
Le misure dei bottoni che è possibile scegliere sono le seguenti:
[html]//Codice per il pulsante grande
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
//Codice per il pulsante standard
<g:plusone href="<?php the_permalink(); ?>"></g:plusone>
//Codice per il pulsante medio
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
//Codice per il pulsante piccolo
<g:plusone size="small" href="<?php the_permalink(); ?>"></g:plusone>
[/html]
Aggiungendo il parametro count=”false” il bottone verrà visualizzato senza contatore:
[html]
<g:plusone size="small" count="false" href="<?php the_permalink(); ?>"></g:plusone>
[/html]
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.
