Stape

Google Analytics 4 lato server per Shopify

Aggiornato
16 nov 2023
Pubblicato
15 mar 2023
Disponibile anche in

Google Analytics 4 sarà un standard dell’industria per analisi web durante i prossimi mesi da quando Google a breve non supporterà Universal Analytics. Se hai voluto implementare GA4 sul tuo Shopify store, l’impostazione di Google Analytics 4 lato server potrebbe essere una decisione eccellente perché il monitoraggio lato server è più adatto alle restrizioni di monitoraggio moderni.  

Google Analytics 4 lato server aiuterà a tracciare il comportamento dell’utente più preciso e, a sua volta, fare le decisioni migliori orientate verso un esperienza del cliente migliore e il successo di eCommerce. 

Questo post di blog ti porterà attraverso l’impostazione di Google Analytics 4 lato server utilizzando l’app di server GTM di Stape

Comprensione dei vantaggi dell’uso di Google Analytics 4 lato serverCopia il link a questa sessione

Google smetterà di supportare Universal Analytics dal 1 luglio 2023. Come il risultato, tutti gli utenti sono costretti per accettare la nuova versione - Google Analytics 4. 

Google ha già iniziato a convertire automaticamente le proprietà di GA3 (o Universal Analytics) a GA4, costringendo i suoi clienti a cominciare ad adattare GA4. 

La differenza tra le versioni nuova e vecchia di Google Analytics è grande, perchè Universal Analytics si è basato sulle sessioni, e Google Analytics si è basato sugli eventi. Il feedback degli utenti, che hanno cominciato a implementare GA4, potrebbe essere migliore poiché il prodotto è relativamente nuovo, che significa la necessità di avere alcune funzioni e ha alcuni bug. 

Insiema alla nuova versione di Google Analytics, un altro cambio principale nel mondo di monitoraggio è il monitoraggio lato server. Google Analytics 4 (GA4) lato server ha alcuni vantaggi riguardo il monitoraggio lato cliente tradizionale.

I vantaggi chiave del monitoraggio lato server:

  1. La precisione dei dati migliorata: il monitoraggio lato server garantisce che i dati sono raccolti e elaborati. Elimina le discrepanze causate dagli ad blocker, script lato cliente e altri problemi di monitoraggio.
  2. La migliore privacy dell’utente. Il monitoraggio lato server ti permette di mantenere l'anonimato dell’utente, proteggendo le informazioni identificabili personali dell’utente (PII) e essere conforme alle regolazioni della privacy come RGPD e l’Apcc.
  3. Con il monitoraggio lato server, hai il controllo più grande sui dati raccolti e come tu utilizzarli. Ad esempio, i flussi dei dati personalizzati possono tracciare gli eventi specifici, il comportamento dell’utente e altri punti dati.
  4. L’integrazione con le altre fonti dei dati: il monitoraggio lato server può essere integrato con altri fonti di dati, come i sistemi della gestione delle relazioni coi clienti (CRM), per creare il viso completo del comportamento di utente e migliorare le informazioni di analisi.

In generale, Google Analytics 4 lato server porta le opzioni del monitoraggio più precisi, sicure e personalizzate, che possono aiutarti a migliorare le tue informazioni di analisi e fare le migliori decisioni di business.

Configurazione d’app di server GTM di Stape per ShopifyCopia il link a questa sessione

Il primo passo per impostare Google Analytics 4 per Shopify è l’impostazione del contenitore del server di Google Tag Manager e l’installazione d’App di server GTM di Stape. Il nostro app aiuta a:

  • Aggiungere uno script web di Google Tag Manager a tutte le pagine del sito web.
  • Aggiungere un dominio personalizzato allo script GTM.
  • Impostare un caricatore personalizzato (solo per gli utenti di stape).
  • Inviare i dati dell’evento a data layer web GTM.
  • Inviare i dati dell’utente a data layer web GTM.
  • Inviare i webhook dell’acquisto e rimborso a server GTM.
add stape server gtm app

2. Attivi la casella di controllo Insert GTM snippet. Quando è attivato, l’app aggiungerà uno script web di Google Tag Manager ad ogni pagina di sito web. 

Continua con le altri configurazioni:

Una volta fatto, avrai uno script web GTM aggiunto a tutte le pagine di Shopify store, il contenitore del server GTM configurato e utilizzare un dominio personalizzato e caricatore personalizzato se hai configurato loro. 

add gtm script to all pages of shopify store

3. Sulla seconda scheda dell’App di Server GTM di Stape, puoi configurarlo per inviare gli eventi e-commerce e dati dell’utente a Data Layer. Purtroppo, l’app non può inviare gli eventi e-commerce sulla cassa, da quando Shopify non permette l'accesso alla cassa. 

L’elenco degli eventi e-commerce:

  • Collection View
  • View Item
  • Add to cart
  • Begin Checkout
  • Add payment info
  • Purchase

I dati dell’utente:

  • Email
  • First name
  • Last name
  • Customer ID
data layer tab

4. Sulla scheda terza, puoi configurare l’app per inviare i webhook di acquisti e rimborso al contenitore del server GTM. Utilizzo dei webhook è un modo perfetto per configurare i monitoraggi lato server puri senza affidamento sugli script web, data layer, ecc. Ad esempio, puoi tracciare gli acquisti lato server vs web parallelamente. Vedi questa guida per le informazioni più dettagliati sulla configurazioni di webhook in sGTM.

webhook tab

E tutto qui con la configurazione di stape app per Shopify e i cloud server per sGTM. Allora, passiamo alla configurazione di Google Analytics 4 per Shopify. 

Google Analytics 4 lato server per ShopifyCopia il link a questa sessione

1. La caratteristica principale del tagging lato server è l'impostazione dei cookie di prima parte. Per abilitare questa funzione è necessario utilizzare un URL del server di tagging personalizzato. L'URL del server di tagging personalizzato o dominio personalizzato deve avere lo stesso dominio del sito web. Ad esempio, se il dominio del sito web è example.com, l'URL del server di tagging deve essere ss.example.com.

Se si desidera aggiungere un dominio personalizzato, aprire il contenitore sGTM su stape, scorrere fino alla sezione domini, digitare il nome del dominio e fare clic su Aggiungi dominio. Una volta fatto, verranno visualizzati i record DNS da aggiungere.

set up custom domain server side tagging 

Di seguito è riportato un esempio di configurazione DNS per CloudFlare.

add DNS records server-side tagging
add DNS records ss tagging

1.2. Tornare al contenitore del server di Google Tag Manager -> Scegliere il contenitore del server -> Amministrazione -> Impostazioni del contenitore -> Incollare l'URL del server di tagging.

set tagging server url in gtm

L'aggiornamento dello script Web GTM sul proprio sito web è altamente consigliato se si utilizza un dominio personalizzato. Questa modifica farà sì che gtm.js venga caricato dal vostro dominio. Per farlo, sostituire il dominio predefinito googletagmanager.com con il dominio personalizzato impostato nel passaggio precedente.

update google tag manager script stape

1.3. All'interno del contenitore Web, creare un nuovo tag del tipo Google Tag. Aggiungere l'ID del tag Google.

Nella sezione Impostazioni di configurazione aggiungere i seguenti parametri:

  • Name: server_container_url
  • Value: Inserite l'URL

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

set up Google Analytics 4 server-side 

È anche possibile creare una variabile Google tag: Impostazioni di configurazione che predefinisce le impostazioni dei tag di Google, se avete bisogno di utilizzare più tag di Google sul vostro sito web e non volete aggiungere manualmente le impostazioni per ciascuno di essi.

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.

1.4. Per impostare l'evento GA4, accedere alla sezione dei tag e creare un nuovo tag con il tipo di tag Google Analytics: Evento GA4. Aggiungere l'ID GA4 e il nome dell'evento; è disponibile un elenco di nomi di eventi standard.

È possibile creare una variabile Google Tag: Impostazioni evento che aiuterà a condividere i parametri dell'evento tra diversi tag evento GA4 o Google Tag. Può trattarsi, ad esempio, di proprietà dell'utente o del prodotto, e c'è anche un elenco di parametri standard per le impostazioni dell'evento.

Google analytics 4 events settings 
google tag event settings variable

1.5. Aprire il contenitore Server di Google Tag Manager -> fare clic su Client -> creare il client GA4 e salvarlo -> andare su Tags e impostare il tag GA4. Ricordare che GA4 invia automaticamente non solo pageview ma anche altri eventi. All'interno di Nome evento scegliere la variabile {{Nome evento}}. -> aggiungere il trigger Nome cliente uguale a GA4.

set up ga4 tag in the server container 
set up ga4 client in the server container 

2. Crei un evento pageview. 

Crei un evento pageview

3. Crei gli eventi e-commerce. Per verificare che gli eventi e-commerce, prodotto e dati dell’utente siano creati correttamente, apri un contenitore web GTM e controlli una variabile data layer per ogni evento e-commerce.  Ad esempio, avrebbe bisogno di configurare una variabile data layer per un evento o dati dell’utente, deve inviare al GA4. 

Devi creare i trigger personalizzati per ogni evento e-commerce basato sul evento di data layer.

Sotto c’è un esempio di tag e trigger per l’evento Aggiungere a carrello. Il processo della configurazione di tutti gli eventi e-commerce è simile. 

Add to cart event
Add to cart event

4. Apri il contenitore del server di Google Tag Manager. Aggiungi il cliente di Google Analytics 4 o controlli se uno sia aggiunto. 

Add Google Analytics 4 client

5. Nel contenitore GTM del Server crei un tag GA4. Aggiungi il tuo ID GA4, crei il nome dell’evento e attivi. Nel mio esempio, un evento è variabile e il tag GA4 lato server si attiva ogni volta che GA4 afferma una richiesta.

create a GA4 tag
create a GA4 tag

È tutto con la configurazione di Google Analytics 4 lato server per Shopify. Adesso, passiamo a provare e risolvere i problemi di setup.

Verificando che il setup è completo e correttoCopia il link a questa sessione

1. Apri il debugger dei contenitore web e del server GTM e clicchi attraverso il tuo sito. All’interno del contenitore web GTM, dovrebbe vedere che i tag GA4 si attivano; nel contenitore del server GTM, dovrebbe vedere le richieste di GA4 reclamate dai tag GA4. 

 GA4 tags trigger

Se non vedi le richieste GA4 all’interno di sGTM, controlla che hai aggiunto correttamente l’URL di tagging server all’interno del tag della configurazione nel contenitore web GTM. 

Puoi anche aprire il console di sito web e controllare le richieste GA4. Lo scenario corretto è quando GA4 invia le richieste al tuo URL di tagging server. Puoi verificarlo filtrando le richieste in base all'ID GA4 nella scheda rete e assicurandoti che l'URL della richiesta contenga l'URL del tuo tagging server.

GA4 sends requests to you tagging the server URL

2. Un altro modo è aprire il debugger GA4 e controllare quali evento e dati dell’utente GA4 vede.  

GA4 debugger

Se i debugger web + server GTM e Google Analytics 4 mostrano i dati corretti, pubblica la configurazione.

Conclusione:Copia il link a questa sessione

L’implementazione di Google Analytics 4 per Shopify è un metodo effettivo per migliorare la presenza online del tuo business. Si offre tante funzioni fantastici che ti permette di capire e tracciare il comportamento degli utenti più precisamente.

Con questo post di blog, l’implementazione di connessione tra Google Analytics 4 e Shopify tra l’app di server GTM può essere raggiunta velocemente. I pochi passi semplici descritti qui fanno questo processo semplice ed efficace. 

Ciò ti consentirà di sfruttare attentamente tutti i suoi vantaggi con il minimo sforzo. Cosa da aspettare? Comincia a ottimizzare il tuo deposito oggi - senti libero a contattarci se ti serve aiuto a capire o implementare, come configurare il Google Analytics 4 lato server per Shopify utilizzando l’app di server GTM. 

Avete bisogno di aiuto con Shopify?

Vi copriamo noi! Cliccate su Chiedere aiuto, compilate il modulo e vi invieremo un preventivo.

Chiedere aiuto
Taggato con:Shopify

Ospita il tuo server GTM su Stape