In questo articolo verrà illustrato come inserire in una pagina web il pulsante di google +1.

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "In questo articolo verrà illustrato come inserire in una pagina web il pulsante di google +1."

Rosa Lamberti
6 anni fa
Visualizzazioni

1 In questo articolo verrà illustrato come inserire in una pagina web il pulsante di google +1. Se avete un sito che usa il framework Joomla potere scaricare direttamente il plugin_google Plus One per Joomla, ma se volete integrare manualmente il pulsante +1 di Google nel vostro sito web occorre inserire del codice javascript/html nelle vostre pagine. Questo codice è composto da due parti, di cui la prima serve a caricare la parte in javascript utile per il funzionamento del pulsante, mentre la seconda serve a posizionare il pulsante all'interno della pagina web. Per quanto concerne la prima parte aggiungendo la successiva riga di codice in un punto qualsiasi della pagina verrà scaricato ed eseguito un file javascript per il punsante +1 (PlusOne) : La lingua predefinita è l'inglese, ma è possibile aggiungere come parametro anche il linguaggio che si vuole utilizzare: {lang:'it'} In questo caso la lingua selezionata sarà l'italiano, per le altre fate riferimento al seguente elenco: Arabic ar Bulgarian bg Catalan ca Chinese (Simplified) zh-cn Chinese (Traditional) zh-tw Croatian hr 1 / 5

2 Czech cs Danish da Dutch nl English (UK) en-gb English (US) en-us Estonian et Filipino fil Finnish fi French fr German de Greek el Hebrew iw Hindi hi Hungarian hu Indonesian id Italian it Japanese ja Korean ko Latvian lv Lithuanian lt Malay ms Norwegian no Persian fa Polish pl Portuguese (Brazil) pt-br Portuguese (Portugal) pt-pt Romanian ro Russian ru Serbian sr Slovak sk Slovenian sl Spanish es Spanish (Latin America) es-419 Swedish sv Thai th Turkish tr Ukrainian uk Vietnamese vi 2 / 5

3 Per quanto riguarda il tag +1 basta aggiungere all'interno della pagina il tag: <g:plusone></g:plusone> anche in questo caso naturalmente esistono dei parametri per personalizzare: Parametro Valore Valore predefinito Descrizione callback Il nome di una funzione Nessuna funzione La funzione inserita verrà count {true, false} true Indica se mostrare o men href URL su cui fare +1 URL della pagina correntee' consigliabile specificar size {small, medium, standard, standard tall} La dimensione del pulsan Quindi un esempio di codice potrebbe essere questo: <g:plusone count="false" size="small" href=" Che visualizzerà un pulsante piccolo il quale segnalerà l'indirizzo " e non apparirà il contatore che avrebbe mostrato quante persone hanno cliccato sul pulsante. Le dimensioni dei diversi tipi di pulsanti sono le seguenti: Tipo pulsante Esempio Larghezza (px) Altezza (px) Piccolo senza conteggio Piccolo con conteggio = Medio senza conteggio Medio con conteggio = Standard senza conteggio Standard con conteggio = Grande Opzioni avanzate 3 / 5

4 Per chi avesse delle esigenze particolari è possibile specificare anche altri parametri, come ad esempio il parametro "parsetags", il cui valore predefinito è "onload", cioè che la creazione del pulsante avverrà una volta finito il caricamento della pagina. Se invece impostassimo il parametro con il valore "explicit" allora il pulsante verrà creato sotto esplicita richiesta tramite le funzioni gapi.plusone.go(container) o gapi.plusone.render(container). Il metodo gapi.plusone.go(container) crea il pulsante nel contenitore specificato, che può essere un elemento html o un ID, se il valore fosse nullo verrebbe creato in tutti i tag " g:plusone " della pagina. Un esempio di creazione esplicita è questa: <html> <head> <title>demo +1: caricamento esplicito</title> {"parsetags": "explicit"} </head> <body> <div id="content"> <g:plusone></g:plusone> </div> <script type="text/javascript"> gapi.plusone.go("content"); </body> </html> se invece volessimo inserire dinamicamente il tag +1 in un determinato contenitore allora dovrebbe essere utilizzato il metodo: gapi.plusone.render(container, {"size": "standard", "count": "true"}); 4 / 5

5 Esempio: <html> <head> <title>demo +1: rendering esplicito</title> {"parsetags": "explicit"} <script type="text/javascript"> function renderplusone() { gapi.plusone.render("plusone-div"); } </head> <body> <a href="#" onclick="renderplusone();">rendering del pulsante +1</a> <div id="plusone-div"></div> </body> </html> Nell'esempio precedente è stato usato tag link per impostare l'url del pulsante +1: Se l'attributo href non è stato impostato, Google cerca il tag rel="canonical" nella pagina. Se non lo trova, Google utilizza il valore della variabile document.location.href. Questo valore finale può talvolta essere fuorviante a causa delle variabili di stato spesso contenute nell'url, come ad esempio " " quando quello che interessa è solo " ". Pertanto, l'uso di un tag rel="canonical" è utile per specificare l'url esatto su cui deve esser fatto +1. Infine per chi proprio volesse un generatore automatico per il codice vi raccomando lo strumento per webmaster di google +1 button creator. 5 / 5

Documenti analoghi

Guida Utente: Indicatore Trading Central per la MetaTrader4

Guida Utente: Indicatore Trading Central per la MetaTrader4 1 Indice Descrizione...2 Installazione...3 Caratteristiche e parametri...7 Processo di aggiornamento... 10 2 Descrizione L`Indicatore Trading