Google Tag Manager: il livello dati

Un livello dati può essere visto come un oggetto che contiene tutte le informazioni da trasmettere ed elaborare con Google Tag Manager. Questo è un concetto un po 'tecnico. Il termine livello dati viene utilizzato per indicare la struttura dei dati utilizzata da Google Tag Manager per l'archiviazione, l'elaborazione e il trasferimento dei dati tra il tuo sito web / blog e il tag manager.

Per elaborarlo ulteriormente, un livello dati può inserire i dati nel tuo strumento di analisi sul tuo visitatore. Prendendo un'altra prospettiva per la definizione, Data Layer è in realtà un elenco di requisiti e obiettivi aziendali per ogni sottoinsieme del contesto digitale.

Prendiamo un esempio di sito web di e-commerce, i requisiti aziendali potrebbero includere:

  • Informazioni transazionali, con i dettagli su ciò che è stato acquistato

  • Dati dei visitatori, relativi a chi ha acquistato

  • Altri dettagli sull'acquisto, ad esempio dove è stato effettuato e a che ora

  • Infine, le informazioni su altri fattori, ad esempio se il visitatore si è iscritto o meno agli aggiornamenti e-mail

Quindi, in poche parole, il livello dati trasporta informazioni che possono essere utilizzate da diversi strumenti / utenti / parti interessate secondo necessità.

In Google Tag Manager, dataLayer è un array JavaScript. È costituito da coppie chiave-valore. Di seguito è riportato un rapido esempio di dataLayer con diversi tipi di dati:

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

Qui abbiamo diversi valori come un array di oggetti (i prodotti), valori numerici (il prezzo), un array di stringhe (negozi), un oggetto data e un oggetto (nome).

In un'altra nota, quando inserisci il codice del contenitore di Google Tag Manager nel tuo sito web, il livello dati viene creato automaticamente.

Di per sé, il livello dati è un concetto piuttosto complesso da comprendere al primo tentativo. Questo capitolo fornirà ulteriori informazioni su come interagire con il livello dati.

Eventi livello dati

Un rapido esempio di evento del livello dati può essere un modulo di iscrizione alla newsletter, che non può essere facilmente monitorato con i listener GTM automatici. Uno sviluppatore di siti Web può supportarti per inviare un evento del livello dati una volta che un nuovo abbonato ha inserito la sua email sul tuo sito web. Il codice di questo evento dovrebbe assomigliare a questo:

push({‘event’: ‘new_subscriber’});

Se necessario, puoi chiedere al tuo sviluppatore ulteriori informazioni, come la posizione del modulo. Questo è necessario se sul tuo sito web sono presenti più moduli. Può essere ottenuto utilizzando il codice seguente.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

Inoltre, Google Tag Manager invia per impostazione predefinita un certo insieme di valori al livello dati delle applicazioni web. Questi valori sono:

  • gtm.js - Inserito nel livello dati non appena Google Tag Manager è pronto per essere eseguito

  • gtm.dom - Inserito nel livello dati quando il DOM è pronto

  • gtm.load - Inserito nel livello dati quando la finestra è completamente caricata

Ispezione del livello dati

Come già sappiamo, ci sono alcuni eventi che vengono creati a seguito di qualsiasi interazione sullo schermo.

Ad esempio, consideriamo questo semplice evento di caricamento della pagina. Per esaminare gli eventi, è necessario che il debugger sia in esecuzione. Dopo aver eseguito il debugger (in modalità anteprima), visita il blog. Se guardi la finestra di riepilogo nell'angolo in basso a sinistra, questo è ciò che vedrai:

Step 1 - Fare clic su Finestra caricata e quindi su Livello dati.

Le informazioni mostrate nella scheda Livello dati riguardano l'evento Finestra caricata.

Viene visualizzato come - {event: 'gtm.load', gtm.uniqueEventId: 3}

Inoltre, se vuoi dare un'occhiata più da vicino, devi ricevere supporto dalla scheda della console di Chrome. L'ispezione di un livello dati diventa facile quando sai come utilizzare il debugger di Chrome nel modo corretto.

Step 2- Quando sei sul tuo blog, fai clic con il pulsante destro del mouse in qualsiasi parte della pagina. Nel menu contestuale visualizzato, fare clic su Ispeziona. Il pannello verrà visualizzato sul lato destro dello schermo, con la scheda Elementi attivata.

Step 3- Fare clic su Console. In modalità console, fare clic sull'icona nell'angolo in alto a sinistra per cancellare tutti i messaggi visualizzati. Vedere lo screenshot seguente per riferimento.

Step 4- Una volta che la finestra è stata cancellata per eventuali messaggi precedenti, digita dataLayer, assicurati che le lettere maiuscole per L. Questo nome è fornito da Google Tag Manager al suo livello dati. Tuttavia, i tuoi sviluppatori possono assegnargli un nome diverso se e quando richiesto.

Step 5- Premere Invio dopo dataLayer. Mostrerà i seguenti dettagli.

Ci sono tre oggetti e ogni oggetto contiene alcune informazioni. Ora, questi oggetti potrebbero non essere gli stessi per te, come sono mostrati nello screenshot qui sopra. Il dataLayer è configurabile ed è sotto il controllo dello sviluppatore configurarlo secondo il requisito.

I valori presenti sono dovuti al gadget Blogger in uso in quella particolare posizione / spazio. Questo è il motivo per cui ci sono alcune informazioni lì.

Se guardi l'oggetto 1, noterai che l'evento che viene generato è - gtm.dom . Viene attivato da GTM durante il caricamento della pagina.

In questo modo, puoi ispezionare il livello dati e aggiungere informazioni in esso come e quando necessario.

Variabili nel livello dati

Ora che abbiamo familiarità con il livello dati, proviamo a leggere una delle variabili utilizzando l'interfaccia di Google Tag Manager.

Qui proveremo a leggere l'evento utilizzando una variabile del livello dati.

Se vediamo la figura sopra, l'evento variabile contiene gtm.dom . Creeremo una variabile dall'interfaccia di GTM e vedremo come si riflette nella scheda Variabili in Google Tag Manager.

Step 1- Nell'interfaccia di Google Tag Manager, vai a Variabili. Scorri verso il basso fino alle variabili definite dall'utente. Fare clic su NUOVO.

Step 2 - Fornisci un nome a questa nuova variabile, chiamiamola varEvent.

Step 3 - Fai clic su Scegli un tipo di variabile per avviare la configurazione ...

Step 4 - Seleziona Data Layer Variable dall'elenco.

Step 5 - Quando selezioni Variabile livello dati, ti verrà richiesto di fornire il nome e la versione.

Questo nome sarà dal livello dati effettivo di Google Tag Manager. Come accennato in precedenza, la variabile di cui tenere traccia è - event.

Step 6 - Immettere l'evento in Nome variabile livello dati.

Step 7 - Fare clic su SALVA.

Step 8 - Fare clic su Anteprima per vedere le modifiche riflesse nel debugger.

Step 9- Una volta caricata la pagina, fare clic su Finestra caricata e quindi su Variabili. Scorri fino in fondo alla sezione Variabili, vedrai varEvent, come evidenziato nello screenshot sopra.

Come si vede nello screenshot sopra, il valore sarà gtm.load.

In questo modo, è possibile ispezionare il livello dati e acquisire i valori nel livello dati come richiesto.