Come configurare il contenitore server di Google Tag Manager

Raccogliere dati sui visitatori del tuo sito web è fondamentale per analizzare e migliorare la presenza online dell'azienda, raggiungere gli utenti e convertirli in clienti. Ci sono due modi per raccogliere dati: lato client e lato server, entrambi con i loro benefici e restrizioni.

Con il tracciamento lato client, il browser invia una richiesta direttamente a un servizio di tracciamento di terze parti come Google Analytics. L'interazione avviene tra il browser e il servizio di terze parti. Con il tracciamento lato server, viene aggiunto un punto intermedio. In questo caso, è il server cloud di Google Tag Manager. La richiesta viene prima inviata al server cloud, che la elabora e la invia a un sistema di terze parti (Google Analytics). Questo significa che il server cloud elabora la richiesta al posto del browser del client.

Il tagging lato server di Google Tag Manager (GTM) consente ai proprietari di siti web di spostare i pixel di tracciamento di terze parti dal loro sito web al server cloud. Questo significa che il browser del client non elaborerà più i pixel di tracciamento, che verranno caricati direttamente dal server. Questo approccio offre i seguenti vantaggi:

• Dati più accurati
• Tempi di caricamento della pagina più rapidi
• Maggiore controllo sulla privacy

I tuoi strumenti di analisi di marketing digitale (come Google Analytics) possono funzionare senza eseguire cookie di terze parti sul lato client. Con i contenitori server appropriati configurati, non dovrai più preoccuparti di JavaScript pesante, cookie di terze parti bloccati e dati incompleti negli strumenti di analisi.

Tutte le richieste verranno considerate come di prima parte se il tracciamento lato server è ospitato nel sottodominio del tuo sito web. Google offre una descrizione dettagliata del tracciamento lato server di GTM e di come può giovare al tuo sito web.

Ci sono molti elementi comuni tra i contenitori web e server, come tag, trigger, variabili, modalità anteprima, ecc. Tuttavia, la configurazione del contenitore server di GTM è più complessa rispetto al contenitore web standard.

La principale complessità nella configurazione di un contenitore server di GTM è la configurazione dell'ambiente cloud per eseguire il contenitore sGTM. Con l'aiuto di Stape, la configurazione dei server cloud per sGTM richiede solo 5 minuti e non è necessario assumere sviluppatori. Inoltre, Stape offre funzionalità aggiuntive oltre al server Google Tag Manager, come bypassare gli adblocker, aumentare la durata dei cookie, inviare dati offline, ecc.

Di seguito è riportata una guida passo-passo su come configurare il contenitore lato server di GTM.

1. Seleziona il tuo account GTM → Clicca su Admin → Clicca + accanto al nome del contenitore.

2. Aggiungi il nome del contenitore → Sotto la piattaforma target, scegli Server. Clicca su Crea.

3. Scegli "Fornitura manuale del server di tagging". Copia la configurazione del contenitore. Ne avremo bisogno nei passaggi successivi.

1. Vai su stape.io e crea un account oppure effettua l'accesso.

2. Clicca su Crea contenitore sGTM nella pagina principale.

3. Inserisci i dettagli del tuo contenitore.

• Nome del contenitore: assegna un nome al tuo contenitore (per comodità, ti consigliamo di utilizzare lo stesso nome che hai assegnato al contenitore del server in GTM).
• Configurazione del contenitore: incolla i dati della Configurazione del contenitore che hai copiato dalla finestra pop-up Installa Google Tag Manager. Se li hai persi, vai su Google Tag Manager → clicca su Amministrazione→ clicca su Impostazioni contenitore → copia la stringa sotto Configurazione del contenitore.

• Posizione del server: per ottenere le migliori prestazioni, scegli la posizione del server più vicina alla zona in cui si trova la maggior parte dei tuoi clienti. Consulta l’elenco delle posizioni dei server disponibili qui. Inoltre, puoi optare per l’opzione “Posizione server multizona globale” se ricevi traffico da diverse regioni. In questo modo, le richieste in entrata verranno automaticamente indirizzate alla zona disponibile più vicina in base all’indirizzo IP dell’utente.

Quindi clicca su Crea contenitore.

4. Scegli un piano per il tuo contenitore. Puoi iniziare con un piano gratuito. Clicca su Continua con un piano gratuito.

5. Vedrai lo stato del tuo contenitore, la configurazione del contenitore e il nome del piano. Ci vogliono circa 5 minuti per distribuire un contenitore server.

Aggiorna la pagina per aggiornare lo stato. Se la configurazione lato server di Google Tag Manager è stata eseguita correttamente, dovresti vedere lo stato In esecuzione.

Puoi utilizzare un URL di tagging server personalizzato per impostare cookie di prima parte. L'URL di tagging server personalizzato o il dominio personalizzato devono condividere lo stesso dominio del tuo sito web. Ad esempio, se il dominio del tuo sito web è example.com, l'URL del server di tagging sarà ss.example.com.

Ci sono tre modi per configurare un dominio personalizzato:

• Stessa origine
• Sottodominio
• Dominio predefinito

In un post di blog dettagliato puoi trovare una descrizione su come mappare un dominio personalizzato per il contenitore server di Google Tag Manager, utilizzando la stessa origine (Cloudflare e nginx).

Ma qui copriremo la configurazione di un sottodominio personalizzato:

Utilizza un URL del server di tagging personalizzato, noto anche come dominio personalizzato, per impostare i cookie di prima parte. Questo URL dovrebbe utilizzare lo stesso dominio principale del tuo sito web. Ad esempio, se il tuo sito web è `example.com`, l’URL del tuo server di tagging può essere `ss.example.com`.

Esistono tre modi per configurare un dominio personalizzato:

• Stessa origine – il server di tagging condivide esattamente lo stesso dominio e percorso del tuo sito. Scopri di più su come configurare un dominio personalizzato con stessa origine.
• Sottodominio – il server di tagging viene eseguito su un sottodominio del tuo dominio principale. In questo articolo ti guideremo attraverso questa configurazione.
• Dominio predefinito – nessun dominio personalizzato; utilizza l’indirizzo standard fornito da Stape.

Selezionate il vostro container in Stape, scorrete verso il basso e fate clic su Add custom domain.

Aggiungete il Subdomain name: può essere qualsiasi nome che preferite, ma assicuratevi di evitare termini specifici per la pubblicità o il tracciamento: ad, gtm, stgm, tracking, analytics, metrics, stape, gtag, ecc.

Un Content Delivery Network (CDN) distribuisce le risorse del vostro sito web su una rete globale di server per ridurre la latenza e migliorare i tempi di caricamento per gli utenti in diverse aree geografiche. È utile se il vostro pubblico è distribuito geograficamente o se desiderate migliorare il tracciamento dei cookie e l'accuratezza dei dati.

Per impostazione predefinita, la CDN è disabilitata, il che significa che i file JavaScript (come gtm.js, gtag.js e analytics.js) vengono serviti direttamente dalla posizione del server in cui è ospitato il vostro container sGTM. In pratica, vengono escluse sia Stape Global CDN che Own CDN, stabilendo una connessione diretta e senza proxy tra il vostro sito e il container sGTM.

Per abilitare la CDN, fate clic sull'interruttore Add CDN e selezionate una delle seguenti opzioni:

• Stape Global CDN: carica gli script dal server più vicino alla posizione del visitatore del vostro sito web, riducendo la latenza e migliorando i tempi di caricamento delle pagine per i pubblici distribuiti geograficamente. Nel nostro setup utilizzeremo Stape Global CDN. Questa funzione è gratuita e disponibile per tutti i container sGTM di Stape.

• Own CDN (incompatibile con l'opzione di connessione Automatically (via Entri)): aiuta a instradare il dominio personalizzato sGTM e a fare da proxy per il traffico sGTM attraverso il provider DNS del vostro sito web. In questo caso, gli indirizzi IP del vostro sito web e del dominio personalizzato sGTM coincideranno, e i cookie lato server saranno considerati di prima parte. Di conseguenza, offre la possibilità di aumentare la durata dei cookie.

In seguito, nella sezione How to connect, esistono due modi per connettere un dominio personalizzato al vostro container:

• Automatically (via Entri)

Il modo più semplice per connettere i domini. Accedete con i dati del vostro provider DNS tramite Entri e concedete un'autorizzazione una tantum per connettere il vostro dominio. Dopodiché, potete procedere direttamente al Passo 5 per verificare il dominio; non è richiesta alcuna configurazione manuale.

• Manually

Con questa opzione, è necessario aggiungere manualmente i record DNS al provider di hosting per connettere il sottodominio a Stape.

Dopo aver aggiunto un sottodominio personalizzato al container, vedrete i record DNS che devono essere creati per verificare il dominio personalizzato. Il record DNS dipende dalla posizione del server e dall'opzione CDN scelta. Nel passo successivo viene illustrato come aggiungere i record DNS.

Per impostazione predefinita, la verifica del sottodominio viene eseguita con record CNAME, ma è possibile verificare il sottodominio anche con record A e AAAA se necessario (generalmente nei casi in cui è necessario evitare l'aggiunta di record duplicati).

Di seguito illustriamo entrambe le opzioni con una guida passo passo su come creare record utilizzando Cloudflare. È possibile utilizzare qualsiasi altro provider.

Una volta inseriti i record DNS nel vostro provider DNS, tornate alla pagina del container Stape in cui avete configurato il dominio personalizzato e fate clic su Verify.

Attendete che Stape completi la verifica del vostro dominio personalizzato (quando la barra di stato del container cambia da Verifying a Ready). Di solito, la verifica del dominio personalizzato richiede 2-3 ore. Per alcuni provider DNS, la verifica dei record può richiedere fino a 72 ore. Vi invieremo un'e-mail una volta che il dominio personalizzato sarà verificato o qualora venga rilevato un errore.

Se riscontrate problemi con la verifica del dominio, seguite la nostra guida alla risoluzione dei problemi relativi al dominio personalizzato.

Accedete al vostro container server di Google Tag Manager → Admin → Container Settings → modificate Tagging server URL con il vostro sottodominio.

Aggiornare lo script

Se si utilizza un dominio personalizzato, è vivamente consigliato aggiornare lo script Web GTM sul vostro sito web. Questa modifica caricherà gtm.js dal vostro dominio. Per farlo, sostituite il dominio predefinito googletagmanager.com con il dominio personalizzato configurato nel passo precedente.

In alternativa, potete automatizzare questo processo con il Custom Loader power-up. Invece di modificare manualmente lo script GTM, Custom Loader genera uno snippet di codice pronto all'uso che carica gli script GTM e GA4 direttamente dal vostro dominio personalizzato. Questo fa risparmiare tempo, rende i vostri script di tracciamento più resistenti agli ad blocker e garantisce che tutti i cookie siano trattati come di prima parte.

Apri il tuo contenitore Web, crea un nuovo tag - Google Tag. Aggiungi il tuo ID Google Tag.

Nella sezione Impostazioni di configurazione aggiungi i seguenti parametri:

• Nome:: server_container_url
• Valore: Inserisci l'URL che hai creato.

Aggiungi un trigger al tag GA4. Normalmente dovrebbe attivarsi su tutte le visualizzazioni di pagina.

Opzionale: Puoi anche creare una variabile di impostazione della configurazione del Tag Google che predefinisce le impostazioni per Google Tag se hai bisogno di utilizzare più Tag Google sul tuo sito web e non vuoi aggiungere manualmente le impostazioni per ciascuna delle tag.

Questi parametri possono essere, ad esempio, un'impostazione che definisce se si desidera inviare un evento di visualizzazione della pagina ogni volta che si attiva un Google Tag, impostare i parametri UTM, l'ID del client, ecc. Esiste un elenco di parametri di configurazione standard di Google Tag.

Per configurare l'evento GA4, vai alla sezione Tags e crea un nuovo tag con il tipo di tag Google Analytics: Evento GA4. Aggiungi il tuo ID GA4 e il nome dell'evento. Esiste un elenco di nomi di eventi standard.

Apri il contenitore server di Google Tag Manager → clicca su Client → Crea un client GA4 e salvalo → Vai su Tags e configura il tag GA4. Ricorda che GA4 invia automaticamente non solo le visualizzazioni di pagina, ma anche altri eventi.

Nel campo Nome Evento, scegli la variabile {{Event Name}} → Aggiungi un trigger in cui il nome del client è uguale a GA4.

Apri le modalità di anteprima dei contenitori Web e Server e verifica che vengano visualizzate le richieste GA4. Quindi, pubblica l'aggiornamento nei contenitori Google Tag Manager per server e web.

Puoi rendere il tracciamento server-side di Google Analytics 4 ancora più accurato utilizzando un loader GA4 personalizzato. Questo consentirà a GA4 di aggirare strumenti di blocco come i blocca-pubblicità e altre tecnologie di privacy che cercano di impedire ai tracker di raccogliere dati sulle attività dei visitatori. Di conseguenza, avrai una visione completa degli utenti che visitano il tuo sito e disporrai di più dati per l'ottimizzazione degli annunci e la creazione di audience personalizzate.

Come configurare un loader personalizzato:

1. Accedi al tuo account Stape e seleziona il tuo container sGTM dalla dashboard.

2. Vai a Power-ups e clicca su Use accanto al pannello Custom Loader pannello.

3. Attiva l'interruttore di Custom Loader per abilitarlo e clicca su Save changes.

4. Nella sezione Code & Setup information le seguenti impostazioni:

• Domain - seleziona uno dei domini collegati al tuo container.
• Web GTM ID - inserisci il tuo ID web Google Tag Manager.
• Enhanced ad blocker protection - quando è abilitato, tutte le richieste al tuo server sGTM vengono crittografate in modo che i blocchi annunci non possano bloccarle in base ai pattern delle richieste. Scopri di più sulla enhanced ad blocker protection.
• Same Origin Path - se utilizzi l’same-origin approach, inserisci qui il percorso in modo che sia GTM che gtag.js vengano caricati attraverso di esso.
• Platform - qui puoi:

  • Seleziona la tua piattaforma CMS (come Shopify, Wordpress, ecc.). In questo caso, sarà necessario installare e configurare un'app Stape. 
  • Selezionare Other per ricevere uno snippet JS se stai utilizzando un'altra piattaforma o un sito web personalizzato.

4. Una volta che hai aggiornato il codice GTM Web e configurato GA4 lato server, puoi controllare le richieste GTM e GA4 modificate nella rete.

L'URL della richiesta di Google Tag Manager dovrebbe essere simile a questo:

URL del server di tagging/identificatore del contenitore stape.js?st=ID GTM Web senza lettere GTM.

Nel nostro caso è: https://load.gtm.stape.dog/covxbvwx.js?st=PMVQSJH

  L'URL della richiesta GA4 dovrebbe essere simile a questo:

URL del server di tagging/gt+identificatore del contenitore stape.js?id=Identificatore GA4...

Nel nostro caso è: https://load.gtm.stape.dog/gtcovxbvwx.js?id=G-0SME9XLYER

Ecco fatto! Ora hai configurato un contenitore server e Google Analytics funziona tramite il tuo contenitore server. Se desideri caricare GA all'interno del tuo dominio e rendere le richieste GA di prima parte, segui questi passaggi per utilizzare un sottodominio personalizzato. Il nostro team di esperti può aiutarti con una consulenza sulla configurazione di Google Tag Manager!