Avere dati affidabili nel server Google Tag Manager è la chiave per un tagging lato server accurato. Uno dei modi più diffusi per inviare dati dal web al server GTM è Google Analytics 4. GA4 ha i suoi limiti. È per questo che abbiamo creato Data Tag e Data Client, che dovrebbero lavorare insieme per fornire dati sugli eventi e sugli utenti dal web al server GTM.
In questo articolo, ti spiegherò come utilizzare il Data Tag. Questo tag personalizzato invia parametri dal contenitore Web di Google Tag Manager al contenitore Server. Se utilizzato insieme al Data Client per il contenitore server di Google Tag Manager, permette di inviare variabili del livello dati, parametri personalizzati e altri dati dal web al contenitore server. Di conseguenza, il Data Client recupera le informazioni dal Data Tag nel Server eventi di Google Tag Manager.
1. Apri la sezione Modelli del contenitore Web Google Tag Manager e aggiungi il Data Tag dalla galleria dei modelli.
2. Apri la sezione Tag, clicca su Nuovo e configura Data Tag.
3. Configura il Data Tag per l’evento pageview:
a. Seleziona il nome dell’evento. Puoi sia selezionare un nome di evento standard, sia aggiungere un nome personalizzato, sia aggiungere un nome dinamico all’evento usando la variabile {{Event}}.
b. Aggiungi l’URL lato server di GTM e clicca su Salva. Puoi trovare il tuo URL lato server GTM all’interno dell’account stape.io aprendo il contenitore sGTM e controllando la sezione Dominio.
c. Invia tutto dal Livello dati invierà tutte le informazioni presenti nel livello dati GTM web ai dati degli eventi GTM del server.
d. Invia dati comuni. Aggiunge alla richiesta page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
e. Aggiungi stato di consenso. Aggiunge l’oggetto consent_state alla richiesta. Include le seguenti proprietà: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
f. Dati evento. Permette di aggiungere qualsiasi dato manuale alla richiesta. Puoi anche applicare trasformazioni (come hashing, trimming, ecc.) o memorizzare i dati.
g. Dati utente. Permette di inviare parametri utente e di applicare trasformazioni o memorizzare dati.
4. Configura il Data tag per altri eventi. L’esempio seguente mostra come configurare gli eventi di e-commerce quando il Livello dati è disponibile.
Questo tag attiva ogni evento di e-commerce nel livello dati. Dal momento che tutti i miei eventi di e-commerce terminano con _stape, utilizzo una regex che include tutti gli eventi che contengono _stape.
Esempio di variabile che estrae i dati dell’utente dal Livello dati.
6. Apri il contenitore di Google Tag Manager del server.
Vai sulla scheda Modelli → Clicca su Nuovo sotto la sezione Clienti.
7. Clicca sui tre puntini nell’angolo in alto a destra → Importa Data Client (scaricato da GitHub) → Clicca su Salva.
8. Vai sulla scheda Clienti e clicca su Nuovo. Scegli Data Client. Clicca su Salva.
9. Apri i debugger GTM web e server e verifica la configurazione. Dovresti vedere il Data tag attivato nel contenitore GTM web e le richieste di Data tag analizzate dal Data client nel GTM server.
Il primo caso d’uso che viene in mente è l’invio di un livello di dati dal contenitore web al server. Con l’aiuto di questi dati, puoi inserire parametri aggiuntivi nei tuoi tag lato server.
Nella schermata sottostante, ho usato queste impostazioni per inviare il livello dati al contenitore del server:
Questo data tag si attiva su tutti gli eventi e-commerce avanzati.
Nell’anteprima del contenitore del server, noterai che il Data Tag ha inviato richieste su tutti gli eventi di e-commerce e il Data Client ha ricevuto ed elaborato queste richieste all’interno del contenitore del server. Se clicchiamo sul nome dell’evento e controlliamo event_data, dovremmo vedere tutti i parametri del livello dati web.
Supponiamo che tu voglia inviare i dati dell’utente come il nome, il cognome o l’e-mail a Facebook Conversion API per aumentare la qualità delle corrispondenze degli eventi. Per fare ciò, puoi usare il Data Tag. E se utilizzi il nostro tag per impostare un tag Facebook Conversion API, il tag FB catturerà automaticamente i dati dell’utente dal Data Tag.
Negli esempi che seguono, volevo inviare l’e-mail, il nome e il cognome dell’utente insieme agli eventi di pagamento. Ho aggiunto i dati dell’utente al Data Tag nel contenitore Web di Google Tag Manager. Per il test sto usando parametri statici, ma puoi passare questi parametri dinamicamente usando le variabili. Il nostro tag Facebook acquisisce automaticamente i parametri dell’utente dal Data Client e invia le informazioni con hash a Facebook.
Per verificare se Facebook ha ricevuto questi parametri, puoi aggiungere l’ID di test di Facebook al tag del server di Facebook e controllare quali parametri Facebook vede nello strumento di test di Events Manager.
Puoi inviare i dati dal contenitore web di Google Tag Manager al tuo CRM, a Slack, ai webhook, ecc. Questo esempio mostra come inviare le informazioni su un nuovo acquisto sul sito al canale Slack.
1. Assicurati di inviare le informazioni corrette dal contenitore web di Google Tag Manager utilizzando il Data Tag.
3. All’interno del contenitore del server, crea un nuovo tag e scegli un tipo di tag Richiesta HTTP.
4. Nell’URL di destinazione, aggiungi l’URL generato su Slack.
5. Metodo HTTP POST.
6. Nel corpo della richiesta, aggiungi il testo e i parametri che vuoi inviare a Slack.
{“text”: “New Purchase \n email: {{email}} \n transation_id: {{transaction ID}} \n purchase_value: {{transaction ID}}”}
Se lavori spesso con Google Tag Manager, ti sarà capitato di dover passare il livello dati (o qualsiasi altra variabile) da una pagina all’altra del tuo sito.
Purtroppo, Google Tag Manager non ha un’opzione per memorizzare i dati e passarli tra le pagine del sito. Ad esempio, è possibile inviare un’e-mail a un utente solo quando è presente nella pagina. Ma cosa succede se i dati dell’utente non sono disponibili nella pagina di ringraziamento e possono essere acquisiti solo dalla pagina che la precede?
Utilizzando un data tag, puoi memorizzare tutte le variabili che vuoi passare ad altre pagine.
Come esempio, utilizzerò una valutazione realizzata con Instapage. Dovevamo impostare un evento lead per Facebook Conversion API. Durante l’invio della valutazione, l’utente doveva inserire dettagli come e-mail, numero di telefono, nome, ecc. Le informazioni dell’utente erano disponibili nelle pagine di valutazione, ma non nella pagina di ringraziamento.
Per ottenere un alto punteggio di qualità dell’evento su Facebook, devi inviare i parametri dell’utente insieme all’evento CAPI. Per questo motivo ho utilizzato il Data tag per memorizzare i dati dell’utente nell’archivio locale. Ho creato un Data tag per l’applicazione Submit che prende i parametri dell’utente dal livello dati e li memorizza nell’archivio locale. Questo tag si attiva quando un utente clicca sul pulsante di valutazione Invia.
Per abilitare la memorizzazione dei dati nel Data tag, seleziona l’opzione di memorizzazione accanto ai dati che vuoi memorizzare.
Poi, ho aggiunto un nuovo tipo di variabile nel contenitore web (puoi scaricarlo da questo link), creando nuove variabili per tutti i dati memorizzati.
Infine, ho creato un Tag Lead Data che invia i dati memorizzati al contenitore del server.
Puoi usare il Data Client per recuperare tutte le richieste in arrivo. A tale scopo, devi modificare le Impostazioni di percorso. Per esempio, può essere usato per recuperare i dati da Webhook. Questo articolo spiega come utilizzare i webhook in arrivo.
Se non vedi le richieste di Data Tag all’interno del contenitore del server, il motivo potrebbe essere il seguente: il Data Client non è pubblicato. Apri il contenitore del Server e pubblica il Data Client.
Data Tag e Data Client forniranno una solida fonte di informazioni da inserire nei tag utilizzati all’interno del contenitore del server. Con l’aiuto di questo tag, potrai velocizzare l’implementazione di nuove tecnologie di tracciamento lato server. Questo tag permetterà di risparmiare tempo e costi sia per l’IT che per il marketing: una vittoria su tutti i fronti!
