Pubblicato il 28/12/11e aggiornato il

Come tornare a vedere il pulsante +1 e il badge di Google Plus che erano scomparsi da Blogger.

Sono ormai diversi giorni che in molti blog sono scomparsi il bottoni per condividere su Google+ e il badge della Pagina Business collegata al blog. La cosa strana è che questi elementi non si visualizzano se si apre la pagina con Firefox o con Chrome mentre stranamente funzionano con Internet Explorer 9. C'è poi l'altro aspetto che è molto difficile mettere un secondo bottone per il +1 direttamente in Homepage. Mettendo due pulsanti in genere ne funziona solo uno dei due.

Ho aspettato che il Team di Google Plus risolvesse il problema ma visto che ormai non si tratta più di giorni ma siamo alle settimane ho deciso di darmi da fare per trovare una soluzione soddisfacente. Ho consultato le istruzioni di installazione di Google e seguito alcune discussioni sul Forum per Webmaster ma senza successo. Finalmente dopo diversi tentativi penso di essere riuscito a trovare il bandolo della matassa. Cerco di sintetizzare quello che ho dedotto dai test:

  1. Quando si installa un pulsante o un badge, Google ti dà sempre anche il codice dello script. Questo però va caricato una sola volta anche se si mettono più badge o bottoni. Il codice asincrono ha ancora diversi problemi specie quello tradotto in italiano stesso discorso per quello in HTML5.
  2. Inserire un pulsante all'interno del modello non è la stessa cosa che metterlo in un widget di una sidebar e quindi in homepage (almeno per Blogger)
  3. Google non dice esattamente dove posizionare lo script ma lascia la scelta di inserirlo sopra </head> o nell'area del <body> 

Ecco come fare per visualizzare correttamente tutti i pulsanti +1 e il badge di Google Plus. Occorre innanzitutto togliere tutti gli script precedentemente caricati e incollare in Modello > Modifica HTML > Procedi soltanto il seguente codice

<!-- Google Plusone -->
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;it&#39;} </script>
<!-- Google Plusone -->

subito sopra il tag </body> e non prima di </head>. Ho lasciato lo script tra due commenti per poterlo individuare più facilmente in futuro. Adesso installate i pulsanti +1 da visualizzare nei post come al solito. Potete per esempio seguire questo tutorial e un tipo di codice potrebbe essere

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

da incollare per esempio prima della riga <div class='post-footer'>. Se invece si desidera mostrare anche un bottone +1 nella homepage dobbiamo utilizzare il codice seguente da incollare su Layout > Aggiungi un gadget > HTML/Javascript

<g:plusone expr:href='data:post.url' size="tall" annotation="inline" ></g:plusone>

dove annotation="inline" è opzionale e serve per mostrare anche gli avatar di coloro che hanno fatto +1 nei vari post oltre che nella homepage. Per il codice del badge della Pagina Business invece è sufficiente lasciare tutto com'è che ritornerà a visualizzarsi correttamente con tutti i browser, ovviamente dopo aver tolto la parte del codice riguardante lo script. Concludo osservando che i codici presentati possono essere arricchiti da tag condizionali per mostrare i bottoni solo in determinate pagine oppure da vincoli di posizionamento mediante opportuni tag <div> per inserirli correttamente distanziati dagli elementi che eventualmente li stanno al di sopra o accanto. E' anche possibile inserire il pulsante di Google+ insieme ai bottoni di Facebook e Twitter utilizzando una tabella.





12 commenti :

  1. Da me non ho mai avuto problemi, hanno sempre funzionato perfettamente. Comunque grazie dell'indicazione. :)

    Ciao Parsi.

    RispondiElimina
  2. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  3. Non ho avuto questo problema. Piuttosto c'è il problema del widget Adsense di Blogger. Non funzionava. Per questo motivo l'ho tolto inserendo il codice Adsense direttamente.

    RispondiElimina
  4. @Maxso
    Molti utenti di Blogger hanno lamentato il tuo stesso problema, lo puoi verificare cercando sul forum di Blogger o di Adsense

    RispondiElimina
  5. A me è scomparso per circa 4 giorni e poi è riapparso da solo :)

    RispondiElimina
  6. @Silvia
    E' successo anche ad altri utenti di Blogger però ad alcuni, tra cui a me, non ne ha voluto sapere di riapparire *^

    RispondiElimina
  7. a me ancora non appare però uso addthis...quindi usando questa guida non ripristino la funzione di addthis, vero? ogni tanto, a dire il vero, riappare, ma ricaricando scompare

    RispondiElimina
  8. @Domenico Sergio Antonacci
    Prova a sostituire lo script di Google Plus nel modello con quello di questo post. Dovrebbe funzionare.

    RispondiElimina
  9. il mio attuale codice nel widget addthis è questo per la parte di google+:
    a class="addthis_button_google_plusone" g:plusone:size="tall">/a>
    se lo sostituisco, addthis non riconosce i click ..sempre che funzioni inserire:

    g:plusone expr:href='data:post.url' size="tall" annotation="inline" >/g:plusone>

    all'interno del widget al posto del codice originale riferito a g+

    RispondiElimina
  10. ho eliminato parti dei tag di apertura e chiusura per impedire il blocco dei commenti

    RispondiElimina
  11. Se non hai incollato il codice del Google Plusone nel modello allora è un problema di AddThis e dei suoi server ancora non hanno risolto.

    RispondiElimina

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.