Analytics.JS - Ogni analista dovrebbe avere una buona conoscenza di due competenze fondamentali per diventare un esperto nel campo dell'analisi digitale. Una statistica e l'altra JavaScript.

JavaScript è il linguaggio di programmazione più utile.

Tutte le misure o i tag sono scritti in JavaScript. JavaScript viene utilizzato per avere un controllo sul comportamento di HTML, CSS e browser Web.

Google analytics.js è una libreria JavaScript che viene utilizzata per misurare il modo in cui gli utenti interagiscono con il tuo sito Web. Questa è una libreria legacy. Se si utilizza Google Analytics, è necessario utilizzare la più recente libreria di monitoraggio analytics.js.

Come aggiungere analytics.js al tuo sito

Esistono tre modi per aggiungere JavaScript a un documento HTML.

  • JavaScript incorporato
  • JavaScript incorporato
  • JavaScript esterno

Il modo più semplice per iniziare con analytics.js è aggiungere il codice al modello del tuo sito. Lo script deve essere aggiunto all'interno del tag e l'ID di tracciamento deve essere fornito al posto della stringa dell'analitica di Google che desideri monitorare.

JavaScript incorporato

JavaScript incorporato è quello aggiunto al tag HTML

Per esempio

….

"Click" in questo esempio è un gestore eventi utilizzato in Inline JavaScript.

JavaScript incorporato

JavaScript incorporato viene aggiunto al documento HTML. Utilizza il tag ma senza l'attributo 'src'.

Di seguito è riportato un semplice esempio

funzione greet () (

alert ('ciao);

)

Il testo in corsivo è codice JavaScript.

JavaScript esterno

JavaScript esterno viene aggiunto al documento HTML mediante tag con attributo src.

L'esempio è

tipo di script = "text / javascript" src = "minescript.js">

JavaScript esterno è il metodo migliore da utilizzare in quanto presenta i seguenti vantaggi rispetto agli altri due metodi.

  1. Non interferisce con gli altri codici nella pagina
  2. È facile da mantenere, comprendere e usare
  3. Può accelerare il tempo di caricamento delle pagine

Le personalizzazioni possono anche essere fatte allo snippet di tracciamento JavaScript. Il codice che carica analyticcs.js e avvia la funzione ga () non deve essere modificato.

Che cosa fa lo snippet di monitoraggio?

Aggiungendo uno dei frammenti di tracciamento sopra menzionati puoi ottenere visualizzazioni di pagina per ogni pagina visitata dai tuoi utenti. Google Analytics può fornirti informazioni in merito

  • Il tempo trascorso su ciascun utente sul tuo sito
  • Il tempo trascorso da ciascun utente su ciascuna pagina e in quale ordine ha navigato tra le pagine
  • Quali sono i collegamenti interni che sono stati cliccati dagli utenti

Quando viene creato un nuovo tracker utilizzando analytics.js, viene utilizzato per scoprire quanto segue

  • Posizione geografica dell'utente
  • Attraverso quale sistema operativo o browser hanno visitato il tuo sito
  • Qual è la dimensione dello schermo e se hanno installato Java o Flash
  • Il loro sito di riferimento

Dichiarazioni JavaScript

L'istruzione JavaScript è un'istruzione che viene eseguita dai browser web. Ogni istruzione JavaScript dovrebbe terminare con un punto e virgola. Il codice di monitoraggio di Google Analytics contiene una serie di istruzioni JavaScript. Un esempio è dato seguito.

Ordine di esecuzione

Le istruzioni JavaScript vengono eseguite dall'alto verso il basso nell'ordine in cui sono scritte.

Se l'ordine viene modificato, il codice si comporterà diversamente o smetterà di funzionare.

JavaScript e spazi bianchi

JS ignora più spazi bianchi. Si consiglia sempre di aggiungere spazi attorno agli operatori per aumentare la leggibilità del codice. Gli spazi extra se utilizzati in una stringa possono creare problemi.

Commenti in JavaScript

I commenti vengono utilizzati per aggiungere una nota a un JavaScript. Esistono 2 tipi principali: riga singola e commento riga multipla.

Il commento a riga singola inizia con due barre. Un esempio è dato seguito

ga ('create', 'UA-XXXX-Y', 'auto'); // crea un tracker

Il commento a più righe inizia con / * e termina con * /. Un esempio è dato seguito

I commenti vengono inoltre utilizzati per interrompere l'esecuzione di un'istruzione.

Variabili JavaScript

La creazione di una variabile in JavaScript è nota come dichiarazione di una variabile. Le variabili vengono utilizzate per memorizzare i valori. Le variabili possono essere create in JavaScript usando la parola chiave "var". Si consiglia di creare variabili all'inizio di un codice.

var_gaq; // crea una variabile e chiamala _gaq

Puoi anche assegnare un valore alla variabile. Per utilizzare il valore della variabile è necessario utilizzare il nome della variabile senza includerlo tra virgolette. Se lo includi tra virgolette, viene considerato come una stringa.

Denominazione di variabili JavaScript

Esistono sei importanti funzionalità dei nomi delle variabili in JavaScript

  • Sono case sensitive

var pagetracker;

var Pagetracker;

  • I nomi delle variabili possono essere alfanumerici

var alpha46;

  • Gli spazi non sono ammessi in un nome di variabile

var first name = 'Nirmal'; // non valido

  • Si consiglia di utilizzare le lettere minuscole per i nomi delle variabili
  • I caratteri speciali non sono ammessi in un nome di variabile tranne $ e il trattino basso

var first-name = "Nirmal"; // trattino non è permesso

var_first name = “Peter”; // il carattere di sottolineatura è consentito

  • Il nome della variabile non può iniziare con un numero

var 46alpha;

  • Il nome della variabile non può essere un nome di parola chiave
  • È meglio usare la sottolineatura o l'intelaiatura del cammello per separare le parole con il nome della variabile

Parole chiave JavaScript

Parola chiave è una parola che ha un significato speciale

Di seguito sono riportate alcune delle parole chiave utilizzate in JavaScript

  • var
  • funzione
  • ritorno
  • per
  • vero
  • falso
  • Se

Valori JavaScript

Le variabili vengono utilizzate per archiviare i valori di qualsiasi tipo di dati. Può includere il seguente tipo di dati

  • Valore numerico
  • Valore stringa
  • Valore booleano
  • Valore indefinito
  • Valore nullo
  • Vettore
  • Oggetto
  • Matrice di oggetti

Stringhe in JavaScript

String è una serie di caratteri di qualsiasi lunghezza. Le stringhe devono essere scritte tra virgolette singole o doppie.

var name = 'Nirmal Sharma';

Una stringa può essere qualsiasi carattere inclusi gli spazi bianchi. I numeri sono anche considerati come una stringa se sono inclusi tra virgolette singole o doppie.

Puoi usare la barra rovesciata per usare le virgolette all'interno di una stringa che corrispondono alle virgolette esterne alla stringa.

Matrici JavaScript

La matrice è una variabile speciale che viene utilizzata per memorizzare più elementi di tipi di dati uguali o vari.

Le matrici possono essere stringhe, valori numerici, valori non definiti, valore booleano, altre matrici o oggetti.

L'array può essere creato usando la funzione 'new Array ()' o tramite la notazione letterale dell'array.

Gli esempi sono elencati di seguito

var bus = new Array ();

var bus = ();

Oggetti in JavaScript

L'oggetto è un'altra variabile speciale che contiene proprietà e metodi. Nella proprietà dell'oggetto può essere una stringa o un identificatore.

Datalayer è un esempio di array con uno o più oggetti. La sintassi per la creazione di oggetti è menzionata di seguito

ObjectName = ('property10': value10, 'property11 ′: value11, … ..' propertyN ': valueN);

Funzioni in JavaScript

La funzione è un insieme di codice che viene utilizzato per eseguire un'attività specifica quando viene eseguita. Una funzione deve essere chiamata per essere eseguita. La parola chiave utilizzata per creare una funzione in JavaScript è "funzione".

La struttura per la creazione della funzione è la seguente

funzione (parametro1, parametro2, ….) (

Dichiarazione dello script Java 10

Dichiarazione degli script Java11

Dichiarazione script JavaN

)

I parametri sono nomi elencati per definire una funzione. Gli argomenti sono i valori per chiamare una particolare funzione.

Funzione "ga"

"ga" è la funzione integrata di Google Analytics. Esegue molte attività in Google Analytics. Il primo argomento della funzione 'ga' è un comando. È spiegato nella figura sotto

Ogni funzione ha solo un determinato numero di parametri che possono essere aggiunti.

Ogni funzione può accettare solo un determinato tipo di dati.

Punti importanti da ricordare

  • Utilizzare la struttura o la disposizione corretta per tutte le funzioni
  • Utilizzare solo i metodi o le funzioni attivi trovati
  • Non aggiungere mai citazioni inutilmente
  • Fare riferimento alla documentazione

Come funziona analytics.js

  • La coda dei comandi ga

La funzione ga è anche chiamata coda di comando in quanto non esegue immediatamente i comandi e aggiunge i comandi alla coda per eseguirla fino a quando la libreria non è completamente caricata.

In JavaScript le funzioni sono altrimenti note come oggetti poiché contengono anche proprietà. Lo snippet di tracciamento definisce la proprietà aq sulla funzione ga () che funge da matrice vuota.

  • Aggiunta di comandi alla coda

Tutte le chiamate alla coda della funzione ga () condividono una caratteristica comune. Il comando che funge da primo parametro è una stringa che aiuta a identificare un particolare metodo analytics.js. Qualsiasi parametro aggiuntivo viene considerato come argomento che supera il metodo.

Il termine metodo qui indica un metodo globale come "create" o un metodo di istanza come "send". Se la coda dei comandi ga () riceve un comando, chiama automaticamente la funzione ga () poiché non restituirà alcun errore.

  • Parametri di comando

La maggior parte dei comandi e dei metodi in analytics.js accetta parametri in un diverso tipo di formati. Ciò semplifica il passaggio di campi di uso comune a metodi particolari.

Ad esempio, prendi i due comandi seguenti

ga ('create', 'UA-XXXXX-Y', 'auto');

ga ('invia', 'visualizzazione di pagina');

Nel primo comando 'crea' accetta i campi 'trackingId', 'cookieDomain' e 'name'. Nel secondo comando 'invia' accetta come opzione il secondo parametro hitType.

Tutti i comandi adottano un parametro 'fieldsObject' che può essere utilizzato per specificare qualsiasi campo.

Creazione di tracker

I tracker sono oggetti che possono raccogliere e archiviare dati. Può quindi inviare tali dati a Google Analytics. Per creare un nuovo tracker è necessario specificare un ID di tracciamento e un dominio cookie che verranno utilizzati per specificare la modalità di memorizzazione dei cookie.

Se per un determinato dominio non esiste un cookie, per quel dominio viene creato e memorizzato un nuovo ID client nel cookie. Qui l'utente viene riconosciuto come nuovo. Se esiste già un ID client per quel dominio, l'utente viene riconosciuto come rinviato.

Una volta creato, gli oggetti tracker iniziano a raccogliere informazioni sul contenuto di navigazione come titolo e URL della pagina, risoluzione dello schermo, dimensioni della finestra e altro. Successivamente, quando se ne presenta la necessità, il tracker invia tutte le informazioni memorizzate su Google Analytics.

  • Crea metodo

Analytics.js offre diversi modi per creare tracker, ma il modo più frequentemente utilizzato è il comando 'crea' e l'ID di monitoraggio e i campi del dominio dei cookie vengono utilizzati come secondo e terzo parametro. Un esempio è dato seguito

ga ('create', 'UA-XXXXX-Y', 'auto');

  • Tracker dei nomi

Puoi nominare il tracker usando il campo name come quarto argomento nel comando create. È necessario nominare il tracker quando ci sono più di un tracker in una singola pagina. Un tracker senza un campo nome è noto come tracker predefinito ed è assegnato internamente con il nome "t0".

ga ('create', 'UA-XXXXX-Y', 'auto', 'myTracker');

Specifica dei campi al momento della creazione

È inoltre possibile aggiungere un altro oggetto Fields che consente di impostare qualsiasi campo al momento della creazione. Saranno archiviati sul tracker e applicati a tutti gli hit inviati. L'oggetto campi può essere utilizzato per specificare tutti i campi mentre si chiamano le funzioni ga ().

Lavorare con più tracker

Laddove vi sia più di un proprietario per un sito, è necessario inviare i dati a più proprietà da un'unica pagina. In tali casi è necessario creare due tracker separati e uno dovrebbe essere un tracker denominato.

Per eseguire i comandi per un tracker specifico, devi sempre anteporre il nome del comando al nome del tracker che deve essere seguito da un punto. Di seguito è riportato il comando per inviare visualizzazioni di pagina

ga ('invia', 'visualizzazione di pagina');

ga ('clientTracker.send', 'pageview');

Suggerimenti importanti da ricordare sul codice di monitoraggio di Google Analytics

  • Ogni pagina del tuo sito deve contenere il codice di monitoraggio di Google Analytics (GATC)
  • Non copiare e incollare il GATC da nessun documento
  • Si consiglia di evitare la personalizzazione di GATC poiché interromperà il codice e di conseguenza il codice smetterà di funzionare
  • Cerca di evitare l'uso di più versioni del codice GATC in quanto diventa inaffidabile per gli utenti. Usa una singola versione di GATC su una pagina alla volta.
  • Inserisci il GATC nella sezione head della pagina del tuo sito.
  • Assicurati di aggiungere il GATC corretto che appartiene a quel particolare sito
  • Anche se inserisci il GATC in un file esterno, Google Analytics raccoglierà i dati
  • Una volta eseguito il codice GATC, invia una risposta HTTP al server GA

Conclusione

Ora sappiamo solo come iniziare facilmente con analytics.js. Ci sono anche molte altre cose da esplorare su analytics.js. Le informazioni che raccogli possono essere utilizzate per migliorare le tue campagne di marketing e sviluppare il tuo sito Web per fornire la migliore esperienza utente.

Articolo raccomandato

  1. HTML5 vs Flash -Qual è meglio
  2. Concetti di programmazione: una guida perfetta per i nuovi programmatori
  3. Quali sono i vantaggi e i limiti dell'utilizzo di Python?
  4. 6 cose che il tuo software di analisi ti sta nascondendo

Categoria:

Sviluppo software