Perché il GTM dovrebbe essere integrato come Shopify Pixel
Shopify offre un'infrastruttura di Pixel nativa, che è automaticamente collegata al Cookie Consent del negozio. Se il GTM viene integrato "direttamente" nel tema (ad es. tramite theme.liquid), può attivarsi prima dell'accettazione dei cookie – un rischio dal punto di vista del GDPR e di altre normative sulla protezione dei dati (ad es. TTDSG).
Best Practice: integrare il GTM esclusivamente tramite la gestione dei Pixel di Shopify.
Quali tag dovrebbero essere eseguiti tramite il GTM – e quali no?
Google Analytics / Google Ads
- Raccomandazione: Tramite l'app Shopify Google Channel
- Motivo: Sincronizzazione automatica con il Cookie Consent
Meta / Facebook Pixel
- Raccomandazione: Tramite l'app ufficiale di Meta in Shopify
- Motivo: Integrazione tecnica ottimizzata e rispetto automatico delle impostazioni sulla privacy
Altri strumenti (ad es. Hotjar, TikTok, Criteo)
- Raccomandazione: Integrazione tramite Google Tag Manager
- Motivo: Questi strumenti di solito non hanno un'integrazione nativa con Shopify
Eventi di conversione personalizzati
- Raccomandazione: A seconda della configurazione, tramite GTM o direttamente come Shopify Pixel
- Motivo: Dipende dal modello di consenso e se si desidera un controllo granulare
Suggerimento
Tutto ciò che può essere integrato tramite app native dovrebbe essere integrato in questo modo – il GTM serve quindi come complemento, non come sostituto.
Problematica della Sandbox: Perché il Debugging del GTM non funziona in Shopify
Shopify esegue Shopify Pixel nella cosiddetta Modalità JavaScript Sandbox. Ciò significa:
- I tag GTM non vengono visualizzati in modalità anteprima/debug.
- Gli script caricati esternamente sono soggetti a un rigoroso isolamento.
- Il debugging tramite gli strumenti interni del GTM è di fatto bloccato.
Per ottenere comunque una panoramica degli eventi e dei dati in corso, è possibile utilizzare Custom Logging-Tags, che vengono attivati specificamente quando un evento si attiva nel Shopify Pixel.
Come si può comunque effettuare il debug?
Passaggio 1: Creare un Custom HTML-Tag per il Logging nel GTM
Apri Google Tag Manager e vai al tuo Workspace.
Clicca su „Tag“ → „Nuovo“ → „Configura Tag“ → „HTML personalizzato“.
Incolla il seguente codice nel campo HTML:
Nota: Le variabili tra parentesi graffe {{Event}} e {{Latest Datalayer}} devono essere definite nel passaggio successivo. Questo tag assicura che l'evento attualmente attivato e l'ultimo elemento nel DataLayer vengano visualizzati direttamente nella console del browser – ben strutturati e leggibili.
Passaggio 2: Definire la variabile Latest Datalayer come Custom JS Variable
Nel GTM, naviga su „Variabili“ → „Nuova“ → „Variabile JavaScript personalizzata“.
Assegna alla variabile il nome „Latest Datalayer“.
Incolla il seguente codice nel campo JavaScript:
function() {
var dl = window.dataLayer || [];
return dl.length ? dl[dl.length - 1] : {};
}
Questa variabile acquisisce sempre l'ultima voce nel dataLayer – indipendentemente da quanti eventi siano già stati inviati. Se il dataLayer non esiste, viene restituito un oggetto vuoto – questo previene errori JavaScript.
Passaggio 3: Estendere l'evento in Shopify Pixel
Per controllare in modo univoco la condizione di attivazione, devi fare quanto segue nell'Amministrazione Shopify:
Vai a „Impostazioni“ → „Eventi cliente“.
Seleziona lo Script Pixel personalizzato desiderato o creane uno nuovo.
Aggiungi il seguente parametro al codice quando invii un evento:
{
"event": "purchase",
"value": 100,
"currency": "EUR",
"fired_from": "custom_pixel"
}
Importante: La chiave fired_from è liberamente selezionabile, ma dovrebbe essere coerente con la tua logica di attivazione nel GTM.
Passaggio 4: Creare un Custom Event Trigger nel GTM
In Google Tag Manager: Vai a „Trigger“ → „Nuovo“ → „Configura Trigger“ → „Evento personalizzato“.
Inserisci:
- Nome evento: lasciare vuoto o .* (per tutti gli eventi)
- Seleziona la casella "Usa la corrispondenza Regex", se desiderato
Aggiungi la condizione di attivazione: Seleziona come condizione: fired_from uguale a custom_pixel
Questo trigger verrà attivato solo quando un evento con il parametro "fired_from": "custom_pixel" arriva nel dataLayer.
Risultato
- Il tag di logging viene eseguito in modo mirato solo quando viene inviato un corrispondente evento Shopify Pixel.
- Le informazioni finiscono strutturate nella console del browser e possono essere esaminate nello strumento per sviluppatori di tua scelta.
- Non hai bisogno della funzione di anteprima del GTM – il che risolve elegantemente il workaround della sandbox.
Consiglio extra: Mostra gli output di debug solo in modalità Dev
Per evitare che questi log siano visibili nell'ambiente live, puoi limitare il tag di logging con una variabile d'ambiente aggiuntiva o una condizione del nome host.
Esempio:
if (window.location.hostname.includes("staging") || window.location.hostname.includes("dev")) {
console.log(...);
}Consigli professionali aggiuntivi per configurazioni pulite
Utilizzare attivamente la gestione del consenso nel GTM
Utilizza il modulo di consenso integrato nel GTM per assicurarti che nessun tag (ad es. Facebook, Google Ads) si attivi senza consenso – anche se il GTM è integrato tramite Shopify.
Esempio di trigger di consenso: Attiva solo se ad_storage o analytics_storage sono concessi.
Risoluzione dei problemi con Shopify Pixel Helper
Il plugin per browser Shopify Pixel Helper mostra quali eventi Shopify sono stati inviati – anche durante l'esecuzione in sandbox.
Tagging lato server come prossimo livello
Chi desidera il massimo controllo sul tracciamento e sulla gestione del consenso dovrebbe valutare il tagging lato server con GTM Server-Side – in particolare per Meta CAPI o conversioni avanzate.
Conclusione: Shopify + GTM – così funziona il tracciamento strutturato
- Utilizzare Shopify Pixel: Per un tracciamento legalmente sicuro e una sincronizzazione automatica del consenso.
- Visualizzare solo i tag complementari tramite GTM: Ad es. Hotjar, eventi personalizzati o configurazioni di test delle prestazioni.
- Risolvere il debugging in modo intelligente: Con logging intelligente e trigger personalizzati.
- Proteggere professionalmente il consenso: Tramite meccanismi GTM e condizioni di consenso.
Con questa configurazione, sei sia tecnicamente stabile che legalmente conforme – ideale per i team di analisi interni e le agenzie di performance esterne.
Cerchi altri servizi? Siamo lieti di supportarti nell'implementazione tecnica di soluzioni di tracciamento, configurazioni di Tag Manager o nell'ottimizzazione della tua infrastruttura Shopify-Analytics.