Come installare Google Plus One (pulsante +1) in Blogger.

Avevo già dato conto che Google stava lavorando alla creazione di un bottone simile al Mi Piace di Facebook. Poche ore fa Google Buzz e altri siti ufficiali di Google hanno confermato che il bottone è disponibile per essere installato su tutti i siti. Vediamo in dettaglio come procedere se si ha un blog su Blogger. Se si sono già inseriti i bottoni ufficiali di condivisione di Blogger, il pulsante sarà apparso automaticamente accanto a tutti gli altri

con una colorazione più vivace. Avrà anche un contatore per conteggiare i click che riceve il post o il blog. Se ancora non avete inserito questi pulsanti ma avete intenzione di farlo andate su Design > Elementi pagina > Post sul blog > Modifica e mettete la spunta nella casella apposita

per mostrare i pulsanti per la condivisione. Ricordatevi di cliccare su Salva prima di lasciare la finestra popup.

Google ha pubblicato sul web una pagina per tutti gli webmaster che vogliono inserire il pulsante Plus One sul loro sito. In Add +1 to Your Pages si possono configurare le preferenze sulla forma del bottone che è disponibile per il momento in quattro versioni

C'è la Small con dimensioni di 15 pixel, la Medium (20 pixel), la Standard (24 pixel) e la Tall (60 pixel). In basso è presente anche l'opzione per inserire o meno il contatore dei Plus One ricevuti dalla pagina. Nel caso della opzione Tall il contatore è inserito automaticamente. Sulla destra si può vedere l'anteprima del pulsante e in basso acquisire il codice dopo aver scelto la lingua. In realtà vengono forniti due codici, il primo è il file javascript da inserire nella sezione head oppure prima della chiusura della sezione body. In sostanza si va su Design > Modifica HTML e si incolla subito prima di </head> o subito prima di </body>. Il codice è questo

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">  {lang: 'it'} </script>

Il secondo codice va invece inserito nel punto in cui si vuole materialmente visualizzare il bottone e ha questa struttura

<g:plusone size="medium"></g:plusone>

dove al posto di medium possiamo anche inserire small o tall. Se si toglie il size e si opta per questo codice

<g:plusone></g:plusone>

sarà visualizzato il bottone standard. Il contatore verrà inserito di default, per non visualizzarlo bisognerà aggiungere l'attributo  count="false"

<g:plusone size="medium" count="false"></g:plusone>

è un esempio di bottone medio con contatore.

Procedura per inserire il bottone PlusOne accanto al Mi Piace di Facebook

Quasi tutti i siti hanno il pulsante Mi Piace di Facebook posto o nella parte alta del blog oppure in quella bassa. Facciamo l'esempio del Mi Piace presente nella parte bassa sulla sinistra e vediamo come affiancargli il PlusOne sulla destra. Andate su Design > Modifica HTML e immediatamente sopra alla riga </head> incollate il codice seguente

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'it'} </script>

cercate adesso il codice del pulsante di Facebook che dovrebbe essere subito sotto alla riga  <data:post.body/> o subito sopra alla riga

<div class='post-footer'>

Immediatamente prima o immediatamente dopo questo codice, incollate quest'altro

<!-- Google Plus One Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:4px; margin-right:60px;'>
<g:plusone expr:href='data:post.url' size='tall'/></div>
</b:if>
<!--Google Plus One Fine - www.ideepercomputeredinternet.com -->

dove al posto di tall può essere inserito small o medium. Se si toglie il size si visualizzerà il pulsante standard. Gli altri parametri riguardano il tag condizionale che serve per visualizzare il pulsante solo nei post, la distanza che deve avere dagli altri elementi del layout (padding) e il margine rispetto alla destra dell'area del post (margin-right). Se si mette left al posto di right, il bottone sarà mostrato sulla sinistra. L'aspetto della parte finale sarà

 

con il pulsante PlusOne accanto a quello di Facebook. Se si clicca sul +1, il nostro voto apparirà nei risultati di Google, per il momento solo su Google.com e se si è attivata la funzione sperimentale.

 

Il contatore mostrerà inoltre quante persone vi hanno cliccato.

Osservazioni conclusive

Quando si clicca sul Mi Piace di Facebook, si posta automaticamente l'articolo sul nostro Profilo, quindi c'è un arricchimento delle nostre pagine Facebook ma se si va su Google PlusOne, in questo momento il navigatore non percepisce nessun vantaggio, si dà solo un aiuto a una pagina che riteniamo lo meriti. Bisognerà vedere se quelli di Google renderanno utili i click sul Plus One anche per chi gli effettua e non solo per chi li riceve.

Aggiornamento: Ho leggermente modificato il codice inserendo la stringa <g:plusone expr:href='data:post.url' size='tall'/> al posto di <g:plusone size='tall'/> per essere sicuro che venga condiviso il post corrente e non sempre la homepage. Saprò essere più preciso quando questi click di condivisione si vedranno realmente nei risultati delle ricerche. Comunque questo codice è certamente più corretto.