Come aggiungere il pulsante Google +1 a WordPress

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.

Condividi

Condividi su facebook
Condividi su twitter
Condividi su linkedin