-Come inserire il pulsante +1 di Google nei post

 http://redazione.myblog.it/archive/2011/07/04/come-inserire-il-pulsante-1-di-google-nei-post.html

 

  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:   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. 

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.

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

           dalla Redazione  MyBlog

 

 

-Come inserire il pulsante +1 di Google nei postultima modifica: 2011-09-11T23:09:00+00:00da suzana5

Lascia un commento