Come inserire il pulsante +1 di Google nei post

Buongiorno a tutti i MyBlogger, oggi La Redazione vi propone un nuovissimo tutorial per implementare una delle funzioni più golose del web: il pulsante +1 di Google!!

La funzione di questo elemento è del tutto simile al Like di Facebook, ma agisce sui risultati di ricerca di Google…vediamo quindi come metterlo all’interno dei nostri post.

NOTA: come Google stesso ci fa notare la funzione +1 è stata per ora implementata solo nella versione .com del motore di ricerca, ma supponiamo sarà presto disponibile anche nella versione italiana.

Andiamo sulla pagina webmaster di google nella sezione bottone +1 dove possiamo impostare le dimensioni del pulsante. 

Google, pulsante +1, tutorial, tips and tricks, redazione myblog, virgilio

ATTENZIONE: affinchè il pulsante funzioni su Myblog non dobbiamo impostare la lingua, se per caso lo avete fatto cancellate la stringa contenuta tra le parentesi graffe. Es. {lang: ‘it’}. Se non cancelliamo questa parte le modifiche daranno messaggio di errore.

Ci troveremo davanti a un codice di questo tipo:

<!– Inserisci questo tag nell’intestazione <head> o appena prima del tag di chiusura </body> –>

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>

</script>

<!– Inserisci questo tag nel punto in cui vuoi che venga visualizzato il pulsante +1 –>

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

Ora andiamo nelle opzioni avanzate della presentazione e inseriamo la prima parte del codice nel modello della Homepage. Per semplicità e chiarezza possiamo scrivere un codice di questo tipo, subito dopo la tag <head>:

<!– INIZIO CODICE INTRO BOTTONE +1 GOOGLE–>

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>

</script>

<!– FINE CODICE INTRO BOTTONE +1 GOOGLE–>

All’interno della pagina possiamo poi posizionare il bottone dove preferiamo. Il nostro consiglio è di inserirlo subito dopo il titolo del post, come noterete che abbiamo fatto qui sul blog di redazione. Quindi tipicamente dopo la riga:

<h3 id=”p{$post.iteration}”><span>{$post.title}</span></h3>

Prima della riga:

<div class=”posttext”>

Per creare il bottone inseriamo il codice:

<!– INIZIO CODICE POSIZIONAMENTO BOTTONE +1 GOOGLE–> 

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

<!– FINE CODICE POSIZIONAMENTO BOTTONE +1 GOOGLE–>

Dove la size=”medium” è la dimensione che abbiamo impostato sulla pagina di creazione del bottone.

Per avere il bottone +1 disponibile in tutte le declinazioni di visualizzazione del post, ripetiamo la stessa procedura per i seguenti modelli del template:

  • Modello di pagina Link permanente
  • Modello della pagina categoria
  • Template Tags

Un ultima nota: per ragioni del tutto ignote e misteriose il bottone di Google ci mette un po’ a caricarsi, probabilmente perché è una funzione implementata da poco nel sistema, perciò non spaventatevi se facendo un test non vedete apparire nulla per qualche secondo…

Inoltre chi clicca sul bottone, per poter esprimere il suo +1 deve avere un account Google.

Eccoci giunti al termine del tutorial: + interconnessi di prima, + indicizzati, + raggiungibili, + simpatici, + accoglienti, + smart, + cool, +, +, +, + …

Divertitevi a cliccare sui nostri +1 e non aspettate oltre per iniziare a collezionare i vostri!!

Un Saluto, a presto,

La Redazione

 

 

Un pensiero su “Come inserire il pulsante +1 di Google nei post

  1. Ciao! Che meraviglia, ero venuta sul blog PROPRIO per cercare questo post… e lo becco in homepage. Solo che, ehm, ho provato ad aggiungere il pulsante ma myblog non mi salva le modifiche… come faccio a salvarle in modo che, quando riapro l’html, non mi riappaia,

    dopo il tag “, il previsto

    “”

    e non tutta la pappardella ”

    che ci ho appena messo?

    Un’altra domanda… come posso fare se volessi far apparire il pulsante +1 ANCHE alla BASE del post, là dove ho il “like” di Facebook?

    Grazie di tutto,

    Win

I commenti sono chiusi.