Implementazione del data layer: le basi del tracciamento avanzato

Scopri come implementare un data layer. Struttura i dati del tuo sito così gli strumenti di analisi possono accedervi e tracciarli con precisione.

Bozza

I tuoi strumenti di analisi hanno bisogno di accedere ai dati sul tuo sito e sui visitatori. Quali prodotti sono mostrati. Che prezzi hanno. Quale utente ha fatto l'accesso. Quali azioni ha compiuto. Il tuo sito ha questi dati. Ma gli strumenti di analisi non possono accedervi direttamente. Serve un data layer. Un data layer è un contenitore strutturato che conserva i dati che il tuo sito possiede. Gli strumenti di analisi leggono dal data layer. Senza un data layer, configurare il tracciamento avanzato è difficile. Con un data layer, è semplice.

Questo articolo spiega come implementare un data layer.

Cos'è un data layer

Un data layer è un oggetto JavaScript sul tuo sito. Contiene dati sulla pagina o sull'utente. Nome e prezzo del prodotto. ID e tipo di utente. Categoria e contenuto della pagina. Il tuo sito riempie il data layer. Gli strumenti di analisi lo leggono.

Il data layer sta tra il tuo sito e gli strumenti di analisi. Il tuo sito conosce i dati. Il data layer li conserva. Gli strumenti di analisi vi accedono dal data layer. Questa separazione rende la configurazione più pulita. Gli strumenti di analisi non devono estrarre i dati dal sito. Leggono dati strutturati.

Un data layer è particolarmente utile per i tag manager. I tag manager non possono accedere direttamente al codice del sito. Ma possono accedere al data layer. Riempi il data layer una volta. Ogni strumento di analisi lo legge. Non devi configurare ogni strumento separatamente.

Definisci la struttura dei dati

Prima di implementare, definisci di quali dati hai bisogno. Di quali dati ha bisogno la tua attività? Di quali dati hanno bisogno gli strumenti di analisi?

Parti dalle basi. Informazioni sulla pagina. Informazioni sull'utente. Informazioni sugli eventi. Poi aggiungi i dettagli. Per l'e-commerce, aggiungi le informazioni sui prodotti. Per il SaaS, aggiungi le informazioni sugli abbonamenti. Per l'editoria, aggiungi le informazioni sugli articoli.

Crea un dizionario dei dati. Documenta cos'è ogni dato. Da dove arriva. In che formato è. Questa documentazione aiuta gli sviluppatori a implementare correttamente. Aiuta gli analisti a capire i dati.

Riempi il data layer al caricamento della pagina

Il data layer deve essere riempito prima che si carichino gli strumenti di analisi. Il tuo sito si carica. Inizializza il data layer con i dati della pagina. Lo riempie con i dati dell'utente se ha fatto l'accesso. Poi si caricano gli strumenti di analisi. Accedono subito al data layer.

Usa una variabile JavaScript globale. Chiamala dataLayer o con il nome della tua azienda. Riempila con tutti i dati rilevanti.

I tempi contano. Se riempi il data layer dopo il caricamento delle analisi, le analisi perdono i dati. Prima riempi. Poi carica le analisi. Così le analisi hanno accesso a tutti i dati.

Aggiungi le informazioni sui prodotti per l'e-commerce

I siti e-commerce hanno bisogno dei dati sui prodotti. Nome del prodotto. Prezzo del prodotto. Categoria del prodotto. ID del prodotto. SKU. Quantità disponibile.

Per le pagine dei prodotti, includi i dettagli del prodotto nel data layer. Per le pagine del carrello, includi tutti i prodotti nel carrello con i loro dettagli. Per il checkout, includi il totale dell'ordine e l'elenco degli articoli.

I dati strutturati dei prodotti ti permettono di tracciare quali prodotti guardano i visitatori. Quali aggiungono al carrello. Quali acquistano. Senza i dati dei prodotti nel data layer, questo tracciamento è impossibile.

Aggiungi le informazioni sugli utenti per la personalizzazione

Traccia le informazioni sugli utenti nel data layer. ID utente. Tipo di utente. Livello di abbonamento. Anzianità dell'account. Attributi personalizzati.

I dati degli utenti ti permettono di segmentare le analisi. Puoi confrontare utenti gratuiti e premium. Utenti nuovi e di ritorno. Segmenti di utenti diversi possono avere comportamenti diversi.

Fai attenzione alle informazioni che identificano le persone. Includi i dati degli utenti solo se hai il consenso. Trasforma in hash i valori sensibili. Non esporre informazioni personali nel codice lato client.

Aggiorna il data layer a ogni evento

Il data layer non è statico. Aggiornalo quando succedono degli eventi. Quando un visitatore aggiunge un prodotto al carrello, aggiorna il data layer. Quando avvia un video, aggiornalo. Quando invia un modulo, aggiornalo.

I tag manager controllano gli aggiornamenti del data layer. Quando il data layer cambia, i tag manager se ne accorgono. Possono attivare eventi o far partire tag in base a ciò che è cambiato.

Struttura i dati degli eventi in modo coerente. Ogni evento deve avere proprietà coerenti. Nome dell'evento. Data e ora. ID utente. Dettagli rilevanti dell'evento. La coerenza rende i dati più facili da analizzare.

Testa il riempimento del data layer

Dopo l'implementazione, verifica che il data layer sia riempito correttamente. Usa gli strumenti per sviluppatori del browser. Apri la console. Scrivi «dataLayer» o la variabile del tuo data layer. Controlla che contenga i dati previsti.

Testa su pagine diverse. Pagina del prodotto. Pagina di checkout. Pagina di conferma. Ognuna deve avere i dati appropriati.

Testa gli eventi. Aggiungi un prodotto al carrello. Controlla che il data layer si aggiorni. Compi un'azione. Controlla che compaiano i dati dell'evento. Verifica i tempi. I dati compaiono prima che le analisi ne abbiano bisogno?

Domande frequenti

Ci serve un data layer se usiamo Google Analytics direttamente?

Non è obbligatorio. Google Analytics può tracciare dati di base senza un data layer. Ma se usi un tag manager o ti serve il tracciamento avanzato, un data layer semplifica le cose. Se prevedi di far crescere il tracciamento, implementa un data layer fin dall'inizio. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo sito.

Possiamo avere più data layer?

Tecnicamente sì, ma non è consigliato. Un solo data layer è più semplice. Più data layer creano confusione. Strumenti diversi leggono dati diversi. Resta su un unico data layer centralizzato.

Cosa succede se il data layer contiene dati sbagliati?

Gli strumenti di analisi riportano dati sbagliati. Dati sbagliati in entrata, dati sbagliati in uscita. Verifica che il data layer sia riempito correttamente. Testa prima di pubblicare. Controlla dopo la pubblicazione. Individua presto i problemi di qualità dei dati.

Dobbiamo includere informazioni personali nel data layer?

Solo con il consenso. Gli ID utente vanno bene. Nomi ed email specifici richiedono attenzione. Trasforma in hash le informazioni sensibili. Non registrare informazioni che identificano le persone se non ti servono. La minimizzazione dei dati vale anche per il data layer.

Come cerchiamo i problemi del data layer?

Usa gli strumenti per sviluppatori del browser. Controlla la console. Ispeziona l'oggetto del data layer. Confrontalo con la struttura prevista. Se mancano dei campi, controlla il codice. Se i valori sono sbagliati, verifica le fonti dei dati. Usa i report di analisi in tempo reale per confermare che gli strumenti leggano i dati.

Che differenza c'è tra data layer e variabili?

Un data layer è un oggetto strutturato che contiene tutti i dati. Le variabili sono singoli dati. Un data layer è un contenitore. Le variabili sono il contenuto. Usa un data layer per organizzare le variabili. È più ordinato di variabili sparse.

Mettilo in pratica
sul tuo sito web.

Inizia gratis con WEMASY e crea il tuo sito in pochi minuti.