Pubblicato il 01/12/12e aggiornato il

Come installare il widget dei Follower su Google+ se non si sono unificati i Profili di Blogger e Google Plus.

Come installare il widget dei Followers su Google Plus se non si sono unificati i profili di Blogger e Google+ e come personalizzarne le dimensioni
Da tre giorni gli utenti di Blogger possono installare con pochi click il widget dei Follower su Google+ che presumibilmente diventerà un must per tutti i siti come lo sono da tempo alcuni gadget di Facebook. Nel post precedente ho mostrato come si possa facilmente installare questo stesso widget anche nei siti creati su altre piattaforme. In quello stesso articolo ho fatto l'esempio di un inserimento su un blog Wordpress ma lo stesso codice può anche essere usato per quei siti su Blogger i cui autori non abbiano unificato il proprio Profilo con quello di Google Plus.

Gli utenti che vedranno gli avatar di chi ci segue sul social network di Google potranno essere invogliati a fare lo stesso con il risultato che i nostri post condivisi avranno una platea potenziale più vasta. Vediamo nel dettaglio come devono procedere gli autori che hanno i profili su Google+ e Blogger disgiunti. Bisogna distinguere tra chi abbia già installato un widget di Google+ in modo asincrono e che quindi abbia inserito nel modello lo script di tale social e chi invece non lo abbia ancora fatto. E' evidente che incollare nel modello il javascript di Google Plus una volta per tutte è da preferire.

COME INSTALLARE IL WIDGET DEI FOLLOWERS SU GOOGLE+ SE SI HA GIA' LO SCRIPT NEL MODELLO

In questo caso nel template ci sarà già un codice come questo

<script type="text/javascript">
  window.___gcfg = {lang: 'it'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

magari posizionato sopra alla riga </body> seguendo i consigli del tutorial sul pulsante Google Plus. Quindi per installare il gadget dei Follower su Google Plus non occorre inserire un'altra volta il javascript. Si va allora su Layout > Aggiungi un gadget > HTML/Javascript e si incolla questo codice

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/111056841635962157738" data-source="blogger:blog:followers" data-width="300">
</div>

dove si possono personalizzare le dimensioni del widget (300 pixel di altezza e 300 di larghezza quelle proposte) e dove si deve incollare l'URL del nostro Profilo su Google Plus. Dopo aver salvato il gadget il suo aspetto sarà in tutto e per tutto identico a quello nativo di Blogger

followers-google-plus

COME INSTALLARE IL WIDGET SE NON SI HA ANCORA LO SCRIPT DI GOOGLE+ NEL TEMPLATE DI BLOGGER

Se nel nostro modello su Blogger non abbiamo il javascript di Google Plus possiamo comunque installare il widget dei Followers su Google+ andando sempre su Layout > Aggiungi un gadget > HTML/Javascript e incollando il codice che comprende anche tale script

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/111056841635962157738" data-source="blogger:blog:followers" data-width="250">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'it'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

La prima parte non è altro che il codice appena scritto mentre la seconda parte è il javascript. Anche in questo caso si possono personalizzare le dimensioni (data-width e data-height), la lingua (it) e si deve incollare l'URL del nostro Profilo su Google Plus.


COME PERSONALIZZARE LE DIMENSIONI DEL WIDGET DEI FOLLLOWER SU GOOGLE+

Questa metodologia di inserimento può essere usata anche dagli utenti di Blogger che abbiano unificato il Profilo su Google Plus quando vogliano modificare le dimensioni del widget visto che questa possibilità non è ancora presente in quello offerto in modo nativo da Blogger
widget-follower-google-plus
Lo screenshot precedente rappresenta il widget dei Follower su Google Plus inserito nel footer del blog con dimensioni di 1000 pixel di larghezza e 300 pixel di altezza.




12 commenti :

  1. Risposte
    1. @ Giuliana
      Troppo buona ... e troppo generosa e tu sai a cosa mi riferisco :). Ho appena ricevuto una notifica da P.

      Elimina
    2. Ogni tanto un piccolo grazie concreto ci vuole, non si può mica solo prendere ;)

      Elimina
  2. Ottimo. L'ho inserito nei due blog che hanno la pagina Google+. Nessuno novità riguardo ai feed per Google+. E' scocciante postare manualmente i post sulle pagine.

    RispondiElimina
  3. ciao Ernesto io avevo messo il codice del precedente tuo post e funziona....non è che questo post allora mi suggerisca qualcos'altro che non capisco? va bene come ho già fatto vero? grazie per la tua pazienza e costanza. ciao!

    RispondiElimina
    Risposte
    1. @Fioredicollina
      Se avevi già il bottone del +1 non occorre installare il javascript una seconda volta. Questo codice è lo stesso che hai installato tu ma senza javascript. Prova a vedere se ti funziona, e allora vuol dire che ce lo hai già, altrimenti rimetti l'altro. E' meglio mettere un solo javascript per velocizzare la pagina.

      Elimina
  4. Ciao! E' possibile centrare il gadget?

    RispondiElimina
    Risposte
    1. @ Start...
      La classe è questa #___plus_1 però poi non prende i comandi

      Elimina
  5. salve, trovo questo post molto interessante, vorrei sapere se inserendo il gadget di google+ su un blog non blogger ( myblog) se funziona ugualmente
    grazie

    RispondiElimina
    Risposte
    1. @# Se su myblog sono supportati gli script senz'altro sì. Puoi incollare il codice con il sistema che usi solitamente per i widget

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.