Google Analytics, come creare un contatore delle visite





Come creare un contatore delle visite utilizzando Google Analytics


Guida creata, in collaborazione, da Niko (per il forum motoniko77) e da Sergio (per il forum Sergio).
Ringrazio, entrambi, con tutto il cuore!



How to add a hit counter to your site, using  Google Analytics account:

Con la seguente guida si descriveranno le operazione da fare per interrogare le API di Google Analitycs per mezzo di uno script.
Condizione necessaria avere un account Google con attivo un profilo in Google Analytics.
(Vedi anche la guida: Google Analytics)


Create un nuovo foglio di calcolo in Google Drive  (nuovo->fogli google) e impostate la condivisione su "pubblico', o "per chi ha il link".

Se non l'avete già, dovete installare il componente aggiuntivo "Google Analytics", cliccando, in alto, su Componenti aggiuntivi -> Installa componenti aggiuntivi.
Fatto questo, nel nuovo foglio cliccate su "Componenti aggiuntivi" e poi su "Google Analytics". Nel menu` che si apre, scegliete "Create new report".





Si aprira` questa finestra laterale:




Se avete un account Google Analytics attivo (indispensabile), il sistema includera` i vostri dati in automatico. Nel caso aveste piu` proprieta`, o viste, scegliete quella opportuna.
La scelta per i campi successivi (Metrics e Dimensions) la metteremo, per praticita`, direttamente nel foglio di lavoro. Per ora, quindi, lasciate vuoto.
Date un nome identificativo al report e poi cliccate su "Create Report".

La schermata di configurazione apparira` nel foglio di lavoro....






Compilate i campi come vedete nell'immagine.

Alla voce "Start Date", dovete mettere la data di inizio del rapporto.
Alla voce "End Date" dovete mettere la data di fine del rapporto.

Nell'esempio, ho voluto creare un contatore di visite totali del sito, senza scadenza e, quindi, ho messo come partenza la data di pubblicazione e come termine una data a caso molto lontana nel tempo.

Alla voce "Last N Days", troverete segnato 7 di default. Se volete le visite totali, cancellatelo e lasciate vuoto.
Nei campi successivi scrivete come vedete scritto.

Fatto cio`, cliccate di nuovo su Componenti aggiuntivi->Google Analytics e scegliete "Run reports".

Se vi vengono chieste autorizzazioni, datele. Il rapporto di Analytics apparira` nel foglio, come in questo esempio....






Bene, il passo successivo e` creare il grafico relativo al conteggio che vogliamo ottenere.
Nel rapporto creato, cercate la cifra relativa al dato che vi interessa ed evidenziatela....

Esempio:





Ora cliccate su questa icona nella barra degli strumenti in alto....





Si aprira` l'editor dei grafici....





Fate scorrere il menu` di sx fino in fondo e scegliete l'iultima icona (tabelle). Otterrete la visualizzazione che vedete nell'immagine....




Mettete la spunta su "Inverti righe e colonne" e su "Usa la colonna B per le intestazioni" (fatelo in questo ordine per ottenere le spunte esatte).

Ora, cliccate su "Inserisci".
Il grafico apparira`, in sovrapposizione, nel foglio di lavoro:





Ora cliccate di nuovo su Componenti aggiuntivi->Google Analytics e scegliete "Schedule Reports". Si aprira` questa finestra....






Mettete la spunta su "Enable reports to run automatically" e impostate la frequenza dell'aggiornamento come credete piu` opportuno.
Salvate.

Cliccando sull'intestazione del grafico apparira` una freccetta per aprire un menu` a tendina.






Cliccate sulla voce "Pubblica il grafico" e scegliete il formato "immagine" per avere un contatore lineare. Prelevate il codice di incorporamento, che sarà simile a questo:

<iframe width="600" height="325" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/10vtTqf4bLovulS9ZmZQKNNUBrHEn3oy5fTwCmzeMX9]o/pubchart?oid=4603722910&amp;format=image"></iframe>

Il contatore avrà questo aspetto:



Per centrare il contatore nella pagina, togliere lo spazio in eccesso in altezza e renderlo responsive, potete prelevare solo l'URL (indicato in rosso) e racchiuderlo in un div, in questo modo:

<div style="width:100%; height: 40px; text-align:center; overflow: hidden">
<img src="https://docs.google.com/spreadsheets/d/10vtTqf4bLovulS9ZmZQKNNUBrHEn3oy5fTwCmzeMX9]o/pubchart?oid=4603722910&amp;format=image" style="display:block;margin-right:auto;margin-left:auto;width:100%;max-width:600px" border="0">
</div>

Come caricare il grafico in Google sites:

  1. portatevi sulla pagina dove vorreste vedere il grafico, aprite l'editor e posizionate il cursore
  2. selezionate : inserisci -> grafico e cercate il grafico che volete caricare, oppure inseritene il link nell'apposita casella in basso
  3. configurate le impostazioni a piacere e salvate



Dopo aver caricato il gadget, e` possibile personalizzare ulteriormente il grafico cliccando sul gadget e poi su "Modifica grafico"....



Ecco la schermata relativa:



Alla fine, impostando opportunamente dimensioni ecc, potrete ottenere anche un contatore più piccolo, come questo (funzionante):

Totale visite:







Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in