Invio di dati dal contenitore Web di Google Tag Manager al contenitore Server

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.

Il container server non ha accesso diretto ai dati del browser, come il data layer, i cookie o il contesto della pagina. Pertanto, questi dati devono essere inviati esplicitamente dal container web.

• Data Tag, abbinato a Data Client nel contenitore server per ricevere e analizzare le sue richieste, invia le variabili del data layer e altri parametri indipendentemente da qualsiasi piattaforma specifica;
• Google Analytics 4, che invia i dati tramite un Google Tag configurato con l’URL del contenitore server. Entrambi i metodi sono descritti di seguito.

Passo 1. Installa il modello del Data Tag:

1. 1.
   Fai clic sul menu “Tag”.
2. 2.
   Fare clic su “Nuovo”.
3. 3.
   Aprire la sezione ‘Modelli’ del proprio contenitore Web di Google Tag Manager → aggiungere il Data Tag dalla galleria dei modelli.
4. 4.
   Fare clic sulla scheda “Configurazione tag”.
5. 5.
   Fare clic su “Scopri altri tipi di tag nella Galleria dei modelli della community” → cercare “Data Tag” → fare clic su “Aggiungi all'area di lavoro” → fare clic su “Aggiungi”.

Passo 2. Successivamente, configureremo il Data Tag per l’evento “pageview”:

1. 1.
   Sotto Nome evento, puoi selezionare un nome di evento standard, aggiungere un nome di evento personalizzato o aggiungere un nome di evento dinamico utilizzando la variabile {{Event}}.
2. 2.
   Inserisci il tuo URL lato server di GTM (puoi trovare il tuo URL lato server di GTM all’interno dell’account stape.io aprendo il contenitore sGTM e controllando la sezione Dominio.)
3. 3.
   Seleziona come desideri che i dati vengano inviati:

   1. 3.1.
      Invia tutto dal DataLayer: invierà tutte le informazioni presenti nel DataLayer web di GTM ai dati degli eventi GTM sul server.
   2. 3.2.
      Invia dati comuni: aggiunge alla richiesta page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
   3. 3.3.
      Aggiungi stato di consenso: aggiunge l’oggetto consent_state alla richiesta, includendo le seguenti proprietà: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
   4. 3.4.
      Aggiungi cookie comuni: il tag invierà cookie comuni in `eventData` per aggirare alcune limitazioni delle piattaforme di e-commerce. Ad esempio, ciò è necessario per gli eventi che funzionano sulle pagine di checkout di Shopify.
4. 4.
   Nella sezione Dati evento, puoi aggiungere qualsiasi dato manuale alla richiesta. Puoi anche applicare trasformazioni (come l’hashing, il trimming, ecc.) o memorizzare i dati.
5. 5.
   Nella sezione Dati utente, puoi inviare parametri utente e applicare trasformazioni o memorizzare i dati.
6. 6.
   In Impostazioni e Impostazioni avanzate troverai esattamente ciò che suggerisce il nome: opzioni di configurazione avanzate. A meno che tu non sappia esattamente cosa stai facendo, è meglio non modificare queste impostazioni.
7. 7.
   Assegna al tuo tag un nome descrittivo e fai clic su Salva.

Passaggio 3. Successivamente, puoi configurare il Data Tag per altri eventi. L’esempio seguente mostra come configurare gli eventi di e-commerce quando il Data Layer è disponibile.

Questo tag attiva ogni evento di e-commerce presente nel Data Layer. In questo esempio, tutti gli eventi di e-commerce terminano con _stape, quindi utilizziamo un’espressione regolare che cattura tutti gli eventi contenenti _stape.

Esempio della variabile che estrae i dati utente dal Data Layer.

Passaggio 4. Successivamente, scarica il Data Client da GitHub:

1. 1.
   Segui questo link.
2. 2.
   Fare clic su Codice → Scarica ZIP.

Passaggio 5. Ora importare il client dati:

1. 1.
   Aprire il contenitore Server di Google Tag Manager.
2. 2.
   Fare clic su Modelli.
3. 3.
   In Client, fare clic su Nuovo.
4. 4.
   Fare clic sui tre puntini nell’angolo in alto a destra.
5. 5.
   Fai clic su B ImportaB e seleziona il Data Client che hai scaricato da GitHub (potrebbe essere necessario decomprimere prima l’archivio).
6. 6.
   Una volta completata l’importazione, fai clic su Salva.

Passaggio 6. Apri la scheda Clienti e fai clic su Nuovo → seleziona Data Client → fai clic su Salva.

Passo 7. Apri le schermate di anteprima di GTM per “Web” e “Server” e verifica la configurazione. Dovresti vedere che il Data Tag viene attivato nel contenitore GTM “Web” e che il Data Client sta elaborando le richieste del Data Tag in sGTM.

Passo 1. Crea una variabile di configurazione per l'URL del container del server. Per farlo:

1. 1.
   Fai clic sul menu Variabili.
2. 2.
   Fai clic su Nuovo sotto la barra Variabile definita dall'utente.
3. 3.
   Fare clic sulla barra Configurazione variabile.
4. 4.
   Selezionare il tipo Tag Google: Impostazioni di configurazione.
5. 5.
   Fare clic su Aggiungi parametro.
6. 6.
   Inserire i seguenti parametri:

   1. 6.1.
      Parametro di configurazione: server_container_url.
   2. 6.2.
      Valore: l’URL del proprio contenitore server di Tag Manager.
7. 7.
   Assegnare alla variabile un nome descrittivo e fare clic su Salva.

Passaggio 2. Creare un tag di Google Analytics 4:

1. 1.
   Fare clic sul menu Tag.
2. 2.
   Fai clic su Nuovo.
3. 3.
   Fai clic sulla scheda Configurazione tag.
4. 4.
   Seleziona Google Analytics → Google Tag.
5. 5.
   In ID tag, inserisci l’ID del tuo account GA4 (per trovarlo, vai su GA4 → fai clic su Amministrazione → Flussi di dati → seleziona il flusso → consulta ID di misurazione).
6. 6.
   In Impostazioni di configurazione, seleziona la variabile del contenitore del server che hai creato in precedenza.
7. 7.
   In Attivazione, assicurati che l’opzione Inizializzazione - Attivazione su tutte le pagine sia selezionata.
8. 8.
   Assegna al tuo tag un nome descrittivo e clicca su Salva.
9. 9.
   Clicca su Pubblica per rendere attivo il contenitore.

Passo 3. Ora vediamo come creare un evento GA4, utilizzando l’evento B Tutti i clicB come esempio:

1. 1.
   Clicca sul menu Tag.
2. 2.
   Fai clic su Nuovo.
3. 3.
   Fai clic sulla scheda Configurazione tag.
4. 4.
   Seleziona Google Analytics → Google Analytics: Evento GA4.
5. 5.
   Inserisci il tuo ID Misurazione (dal menu Flussi di dati di GA4).
6. 6.
   Assegna al tuo evento un nome descrittivo.
7. 7.
   Fai clic su Attivazione → Tutti i clic.
8. 8.
   Assegna al tag un nome descrittivo.
9. 9.
   Fai clic su Salva.

Successivamente, dovrai configurare l’invio dei dati degli eventi alla tua piattaforma di marketing/analisi. I passaggi esatti dipenderanno dalla piattaforma scelta. Consulta le nostre guide sulle piattaforme più diffuse per ulteriori informazioni:

• Come configurare l’API Meta Conversions
• Come configurare il monitoraggio di Google Analytics 4 (GA4)
• Come configurare il monitoraggio delle conversioni di Google Ads
• Altre piattaforme

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: 

• Evento personalizzato: {{event}}
• Abilitato l’invio di qualsiasi dato dal livello dati
• Enabled send common data

• Abilitato l’invio di dati comuni

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. 

2. Genera un webhook su Slack.

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!