Come creare un bottone con un link al Profilo di Google+.

La scorsa settimana Google+ ha superato i 10 milioni di utenti e il trend di crescita sembra che sia dell'ordine di un milione di nuove iscrizioni al giorno. Quando diventerà pubblico, presumibilmente i primi giorni di Agosto, nasceranno sicuramente delle applicazioni per postare in automatico nel nuovo social network i contenuti dei nostri blog un po' come avviene con NetworkedBlogs e RSS Graffiti per Facebook. Sarà quindi necessario che i blogger inseriscano dei collegamenti o meglio ancora dei widget che riportino a Google+.

Per il momento è importante avere ben visibile il pulsante Google Plusone in modo da dare la possibilità ai lettori di cliccarci sopra per consigliare le nostre pagine alle loro Cerchie. Oltre a questo aspetto è probabile che i click su tale bottone vengano presi in grossa considerazione anche dall'algoritmo che determina il posizionamento nel motore di ricerca.

E' da poco disponibile anche un altro bottone che crea un collegamento con il nostro Profilo su Google+. Per la sua installazione si accede a Profile Button e si compilano i campi richiesti

  

Nel primo campo si inserisce l'URL del nostro Profilo su Google+, nel secondo si può selezionare la scheda in cui vogliamo che arrivi chi ci clicca sopra. Con Content Page sarà quella Post dei contenuti invece con Author Page il collegamento sarà alla scheda sulle Informazioni personali. Si possono scegliere le dimensioni tra small (10 pixel), standard (32 pixel), medium (44 pixel) e tall (64 pixel). Non resta che vedere l'anteprima sulla destra e copiare il codice nella parte bassa. Si deve incollare in Design > Aggiungi un gadget > HTML/Javascript. Con la Nuova Bacheca di Blogger si va su Layout > Aggiungi un gadget HTML/Javascript. Nei Termini sull'utilizzo del bottone di Google+ è fatto esplicito divieto di modificare la forma del bottone o di usare bottoni diversi da quello fornito da Google. Di default, quando si clicca sul bottone, il Profilo su Google+ si apre nella stessa scheda. Sarebbe semplicissimo fare in modo che si aprisse in un'altra finestra inserendo il tag target="_blank" subito dopo l'URL del Profilo. Non so però se questo sia effettivamente consentito.

Si possono anche inserire i bottoni di Google Plusone e del Profilo su Google+ uno accanto all'altro in una sidebar. Affinché il pulsante del Google +1 funzioni occorre che sia stata preventivamente inserita, subito prima di </head>, la riga

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

Se questo è già stato fatto, un esempio di codice per visualizzare entrambi i bottoni allineati è il seguente

<table cellspacing="0" cellpadding="0">
<tr>   
    <td style="padding-top: 6px;">  
<g:plusone size="tall"></g:plusone>
    </td>
    <td style="padding-left: 15px; padding-top: 8px;">
 <a rel="author" href="URL_PROFILO_GOOGLE+">
  <img src="http://www.google.com/images/icons/ui/gprofile_button-64.png" />
</a>
    </td>    
  </tr>
</table>

Si riferisce ai bottoni più grandi (tall) e le distanze degli elementi in alto (padding-top) e sulla sinistra (padding-left) possono essere personalizzate.

In Layout > Aggiungi un gadget > HTML/Javascript è anche possibile digitare un titolo. Va naturalmente incollato l'URL del nostro Profilo. rel="author" conduce il link nella scheda Post mentre rel="me" ha come destinazione la scheda Informazioni. Si tratta dell'HTML di una tabella di una riga e due colonne e il codice dei singoli bottoni è colorato di viola.