Vai al contenuto
Cristalroi

Tracciamento lato browser

Google Tag Manager client side, fatto per durare

Il contenitore web è la base di tutto: decide quali eventi nascono e con quali dati. Se qui c’è un errore, nessun server lo ripara dopo.

  • Google Tag Manager
  • Google Analytics
Mano sul mouse davanti a uno schermo con riquadri e punti luminosi: le azioni che il browser registra

In breve

Il tracciamento client side è quello che gira nel browser del visitatore: Google Tag Manager legge gli eventi dal data layer e li invia a GA4, Google Ads e alle altre piattaforme. È il punto in cui nasce il dato, quindi anche chi usa il server-side deve prima avere un contenitore web corretto.

Le fondamenta

Che cos’è il data layer e perché viene prima dei tag?

Il data layer è l’elenco ordinato dei fatti di una pagina: quale prodotto, a che prezzo, in quale ordine, con quale valore. Il sito lo scrive, Google Tag Manager lo legge. Quando è fatto bene, cambiare grafica non rompe i tracciamenti, perché i tag non dipendono più da come è disegnata la pagina.

Leggere il prezzo da un elemento della pagina può funzionare il primo giorno. Basta un restyling, e la conversione inizia a mandare un valore vuoto o sbagliato senza che nessuno se ne accorga. Per questo la prima domanda che faccio è da dove arriva ogni dato.

Scia di luce che attraversa schede e finestre fino a un carrello: il percorso di un acquisto, evento dopo evento
  • Google Analytics

Gli eventi

Quali eventi e-commerce servono in GA4?

I nomi sono quelli raccomandati da Google. Usarli permette a GA4 di riempire i suoi report di monetizzazione senza adattamenti.

EventoQuando parteA cosa serve
view_item_listElenco di prodotti visualizzatoCapire quali categorie e liste portano interesse
select_itemClic su un prodotto in un elencoMisurare quali posizioni funzionano
view_itemScheda prodotto apertaLa base del remarketing e del confronto con le vendite
add_to_cartProdotto aggiunto al carrelloPrimo segnale di intenzione d’acquisto
begin_checkoutInizio del pagamentoVedere dove si perdono le persone
purchaseOrdine conclusoIl dato su cui lavorano report e campagne
  • Google Tag Manager

I dettagli che contano

Cosa controllo in un contenitore web?

  • Un evento, una sola volta. Niente doppioni fra codice nel tema, plugin e contenitore.
  • Il limite dei 25 parametri. GA4 accetta al massimo 25 parametri per evento. Oltre quella soglia i dati in più si perdono, quindi conto quelli che partono davvero e scelgo quali tenere.
  • Una variabile per ogni dato. Se lo stesso valore è calcolato in tre modi, prima o poi darà tre risultati.
  • Il valore dell’ordine. Una regola sola su IVA, spedizione e sconti, uguale per ogni piattaforma.
  • L’ordine di partenza. Il tag del consenso per primo, poi tutti gli altri.
  • Il contenitore pulito. Via tag in pausa, attivatori senza tag e variabili che nessuno usa.
Mani su una tastiera retroilluminata, davanti a un monitor con righe di codice: il contenitore web configurato

Come provo che funziona?

L’anteprima di Google Tag Manager è il primo controllo, ma non l’ultimo. Percorro il sito come un cliente, dalla categoria all’ordine, e guardo le richieste che partono davvero verso ogni piattaforma, con il consenso accettato e con il consenso rifiutato.

Poi confronto gli acquisti arrivati in GA4 con gli ordini del negozio. Una differenza è normale, perché c’è chi rifiuta i cookie. Una differenza che non si sa spiegare, invece, va cercata finché non si trova.

Quando il contenitore web è a posto si può decidere se fare un passo in più con il Google Tag Manager server-side.

Domande frequenti

Il tracciamento client side è ancora utile?

Sì. Anche con un server di tagging, gli eventi di solito nascono nel browser. Il contenitore web resta la sorgente: il server riceve e distribuisce quello che gli arriva.

Meglio un plugin o il data layer scritto su misura?

Dipende dalla piattaforma. Un plugin affidabile è un ottimo inizio per un negozio standard. Il su misura serve quando mancano dati, come il costo o le varianti, oppure quando il negozio ha percorsi particolari.

Cambiare tema rompe i tracciamenti?

Può succedere, soprattutto se i tag leggono dati dagli elementi della pagina. Con un data layer indipendente dalla grafica il rischio si riduce molto, ma dopo un cambio di tema una prova completa resta obbligatoria.

Guide dal blog

Come installare Google Tag Manager su un sito, passo per passo

Dal contenitore alla verifica: dove va il codice di installazione, l’opzione per WordPress e i sintomi di un contenitore installato due volte.

Data layer: cos’è e come si usa in un e-commerce

Un esempio di codice commentato, cosa inserire pagina per pagina e perché leggere prezzi e ordini dalla grafica del sito prima o poi si rompe.

Eventi e-commerce di GA4: l’elenco completo e quali servono davvero

I 14 eventi e-commerce di GA4 con i parametri obbligatori, l’ordine in cui attivarli e come leggere dalla sequenza dove si perdono i clienti.

Continua da qui

Il passo successivo: il server

Quando vale la pena spostare parte del lavoro su un contenitore server.

Consent Mode v2

Collegare il banner ai tag, e provarlo dal vivo.

GA4 senza aprire GA4

Come il portale trasforma quegli eventi in risposte sul catalogo.

Il tuo contenitore racconta il vero?

Dimmi come è fatto oggi: capiamo insieme da dove conviene partire.