Pubblicato il 02/06/11 - aggiornato il  | 30 commenti :

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
bottone plus one googlecon 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
pulsanti condivisione
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
quattro versioni di Plus One
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à
pulsante plusone google 
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.
google plusone nei risultati di ricerca 
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.


30 commenti :

  1. A me è uscito automaticamente, lo mettono loro di degault?

    http://maurocaldarelli.blogspot.com

    RispondiElimina
  2. @Mauro
    Sì lo mettono in automatico ma solo se hai gli altri pulsanti di condivisione.

    RispondiElimina
  3. L'ho inserito in alto a destra al posto del "Mi Piace" di Facebook. Lo provo, anche se penso che non abbia lo stesso "successo" del "Mi Piace" di Facebook.

    RispondiElimina
  4. Se sarà utile o meno lo vedremo con il passare del tempo. Google Buzz non lo usa quasi più nessuno. C'è da dire però che gli stipendi dei dipendenti di Google sono legati al successo di questa operazione Plus One quindi ce la metteranno tutta.

    RispondiElimina
  5. sob! nei miei pulsanti di condivisione non è ancora stato aggiunto!

    RispondiElimina
  6. @ivabellini
    In alcuni siti è stato aggiunto in Homepage ma non nei singoli post. A te neppure in home da quanto ho capito ma sarà una questione di giorni se non di ore.

    RispondiElimina
  7. beh ho visto sta cosa e prima di chiedermi il perchè ho aperto dai preferiti il buon parsifal e ho trovato subito la risposta ;-)
    piuttosto c'è da capire come i ns dati personali vengono utilizzati e diffusi da gugghel perchè è abbastanza contorta la spiegazione da loro fornita .. ad esempio ho trovato su di un link nel loro motore la mia fotina dell'avatar e la scritta "condiviso da te"
    dove andremo a finire non è dato sapere ma di sicuro la via per il grande fratello è non solo tracciata ma direi già bella e asfaltata
    augh!! ho parlato con lingua dritta

    RispondiElimina
  8. L'ho aggiunto sul mio blog.
    Solo nei prossimi giorni sarà possibile valutare l'effettiva utilità del tutto. Chissà che non si tratti dell'ennesimo buco nell'acqua di google...

    http://ingeniumetars.blogspot.com

    Ciao

    RispondiElimina
  9. Anche se ho attivato i pulsanti per la condivisione, sul mio Blog non compaiono, perchè?
    Grazie mille

    RispondiElimina
  10. @Tex Willer
    C'è da dire che non parli con lingua biforcuta e hai preso un po' la saggezza brontolona di Kit Carson

    @Francesco
    Credo che ci vorranno diverse settimane prima di farci una idea della utilità del bottone o del suo eventuale fiasco. Ora come ora, se non cambia nulla, la vedo difficile non solo arrivare ai livelli di Facebook ma anche avvicinarsi

    @Francescomisc
    L'installazione del PlusOne sui bottoni di condivisione ufficiali non è stata ancora completata quindi se intendi usare quelli devi aspettare

    RispondiElimina
  11. Grazie Ernesto come al solito per la celere risposta.
    Il mio problema, sicuramente non mi sono spiegato bene,è che, pur attivandoli, non mi compaiono per niente.
    Grazie infinite.

    RispondiElimina
  12. @francescomisc
    Se non li vedi vuol dire che hai un modello personalizzato che non riesce a inserirli. In questo caso puoi farlo manualmente modificando il template come specificato in questo post
    http://www.ideepercomputeredinternet.com/2010/06/come-inserire-i-bottoni-di-condivisione.html

    RispondiElimina
  13. Interessante la modifica per l'inserimento nel post corrente. Ciao Parsi e come sempre un super grazie. :)

    Ciao.

    LeNny.

    RispondiElimina
  14. @LenNy
    Funzionava anche prima, però per sicurezza è meglio fare le cose con il massimo del rigore e della precisione :)

    RispondiElimina
  15. Sono il +1 numero 12. I tuoi post sono sempre utilissimi e interessanti, grazie!!

    RispondiElimina
  16. ciao ho seguito passo passo le istruzioni ma nn me lo visualizza nel blog

    RispondiElimina
  17. @mondoinformatico
    Insieme agli altri bottoni di condivisione di Blogger il bottone ce l'hai. Lo vedo anche nel sorgente pagina di un widget ma forse ti sei dimenticato di aggiungere questo codice
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'it'} </script>
    nella sezione <head>

    RispondiElimina
  18. ciao caro, ti seguo da sempre e ti stimo. ho da tempo il codice x il +1 nella pagina e funge, ma nn esce sulla home mentre veto che a te c'è nella colonna di dx. come posso fare??

    io sono uno di quelli che vota semrpe i +1, pure sul tuo sito.

    RispondiElimina
  19. @Segreti della Pesca
    Basta che elimini la seconda e la penultima riga che sono i tag condizionali per mostrarli solo nei post.

    RispondiElimina
  20. ho eliminato le ue righe ma ora mi escono nella home i+1 vicino ad ogni articolo (ma riferito alla home) mentre a te è diverso. io vorrei 1 pulsante per la home sulal home e poi quelli di pagina separati. come posso fare?

    RispondiElimina
  21. @Segreti della pesca
    Allora rimetti le due righe di prima. Se poi vuoi un bottone anche nella sidebar inserisci questo codice
    <div style="padding-top: 6px;">
    <g:plusone size="tall" annotation='inline' expr:href='data:post.url' width='292' /></g:plusone></div>
    in un gadget HTML/Javascript

    RispondiElimina
  22. Non funziona,mi sa su certi Template non va.....

    RispondiElimina
    Risposte
    1. @IvanDeFelice
      Prova con questo
      http://www.ideepercomputeredinternet.com/2011/12/come-tornare-vedere-il-pulsante-google.html

      Elimina
  23. buongiorno Ernesto, scusa ho un problema da qualche tempo con il tasto g+ non mi compare più vicino agli altri pulsanti di condivisione in fondo al singolo post, ma in alto sulla barra di blogger, sai perché è successo e come posso rimediare? grazie e ti faccio gli auguri per il nuovo anno! mony
    http://www.dolcigusti.com/

    RispondiElimina
    Risposte
    1. @ monica
      Il bottone di G+ in alto è stato aggiunto a tutte le Navbar. Se apri un blog di Blogger con la Navbar sarà presente in tutti. E' vero che il bottone di G+ non ti si vede accanto agli altri pulsanti di condivisione ma solo nei post mentre si vede in home. Non ti so dire la ragione. Prova a andare su Layout > Post sul blog > Modifica e togli la spunta dai bottoni, salva quindi provi a rimetterla per vedere se la cosa va apposto.

      Elimina
    2. Potrebbe anche essere il pulsante PrintFriendly che dà fastidio @ monica

      Elimina
    3. grazie mille Ernesto ora faccio dei tentativi.

      Elimina
  24. grazie Ernesto ho tolto il pulsante printfriendly come mi hai suggerito ed è ricomparso il pulsante g+ al suo posto, finalmente! grazie mille!!! :)

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy