Pixel Custom: la migliore soluzione di tracciamento su Shopify

Il Pixel Custom per Shopify è una nuova tecnologia di tracciamento che semplifica e migliora il monitoraggio delle azioni degli utenti sugli store Shopify.
I Pixel Custom diventano oggi l’alternativa più efficiente e performante rispetto alle tradizionali app di terze parti (come Elevar o server-side Stape), al canale di vendita Google&Youtube, agli script personalizzati inseriti all’interno del template per generare dataLayer da usare con Google Tag Manager.

Il Problema del Tracciamento Tradizionale su Shopify

Fino a poco tempo fa, il tracciamento su Shopify si basava sull’utilizzo di app di terze parti o sull’inserimento manuale di codice nel template. Entrambi i metodi presentano svantaggi significativi: costi ricorrenti per le app e rischio di malfunzionamenti del tracciamento in caso di aggiornamenti o modifiche al template e accesso limitato al checkout per le versioni più economiche di Shopify.

Il Tracciamento con il canale Google&Youtube

Controllo Diretto sui Dati I pixel personalizzati permettono un controllo più granulare su quali eventi vengono tracciati e quali dati vengono inviati, ad esempio a GA4.

Indipendenza dal template
il codice di tracciamento è separato dal template, garantendo stabilità e facilitando la manutenzione.

Recupero semplificato delle informazioni
L’oggetto JSON fornito con gli eventi offre un accesso strutturato e facile ai dati.

Accesso agli Eventi di Shopify
I pixel personalizzati si integrano con l’API di Shopify per accedere direttamente agli eventi nativi della piattaforma, inclusi gli eventi di checkout, questo garantisce un tracciamento accurato degli acquisti.

Miglioramento delle performance
L’esecuzione del codice in una sandbox separata dal sito principale evita rallentamenti e migliora i tempi di caricamento.

Possibilità di scelta
I Pixel possono essere eseguiti a prescindere dal consenso dell’utente, permettendo di tracciare gli utenti con l’utilizzo appropriato del Consent Mode di Google che permette di tracciare dati anonimi in conformità con il GDPR, se configurato correttamente.

I Pixel Custom: Una Soluzione Innovativa

I Pixel Custom (App e Web) sono porzioni di codice JavaScript che, sfruttando le API di Shopify, permettono di tracciare gli eventi degli utenti in modo indipendente dalle logiche di templating.
Si integrano con la sezione “Eventi del Cliente” nelle impostazioni di Shopify, consentendo la creazione di pixel personalizzati per diverse piattaforme, come ad esempio Google Tag Manager, Google Analytics 4, conversioni GADS, ma non solo anche Meta, Bing o qualsiasi o qualsiasi altro sistema di tracking come Matomo.

Il Funzionamento dei Pixel Custom Shopify

I Pixel Custom si collegano a eventi predefiniti di Shopify, come la visualizzazione di un prodotto, l’acquisto o la compilazione di modulo contatti.
Le informazioni relative all’evento, come i dettagli del prodotto o dell’utente, vengono inviate al pixel in un oggetto JSON di facile gestione.
Questo oggetto può essere utilizzato tramite codice javascript per inviare gli eventi e i dati necessari alle varie piattaforme di tracciamento.

Vantaggi dei Pixel Custom. Accuratezza e Precisione dei Dati di Tracciamento Ecommerce

Controllo Diretto sui Dati
I pixel personalizzati permettono un controllo più granulare su quali eventi vengono tracciati e quali dati vengono inviati, ad esempio a GA4

Indipendenza dal template
Il codice di tracciamento è separato dal template, garantendo stabilità e facilitando la manutenzione.

Recupero semplificato delle informazioni
L’oggetto JSON fornito con gli eventi offre un accesso strutturato e facile ai dati.

Accesso agli Eventi di Shopify
I pixel personalizzati si integrano con l’API di Shopify per accedere direttamente agli eventi nativi della piattaforma, inclusi gli eventi di checkout, questo garantisce un tracciamento accurato degli acquisti.

Miglioramento delle performance
L’esecuzione del codice in una sandbox separata dal sito principale evita rallentamenti e migliora i tempi di caricamento.

Possibilità di scelta
I Pixel possono essere eseguiti a prescindere dal consenso dell’utente, permettendo di tracciare gli utenti con l’utilizzo appropriato del Consent Mode di Google che consente di tracciare dati anonimi in conformità con il GDPR, se configurato correttamente.

Web Pixel App vs Custom Web Pixel

Web Pixel App
Applicazioni personalizzate con maggiore flessibilità ma richiedono competenze di programmazione avanzate.

Custom Web Pixel
Codici JavaScript inseriti nella sezione eventi del cliente, più semplici da implementare ma con alcune limitazioni.

Canale Google&Youtube vs Custom Web Pixel

Il canale Google&Youtube pur essendo una vera e propria integrazione nativa tra Shopify e i prodotti Google presenta comunque delle limitazioni importanti sul tracking completo di tutti gli utenti. La limitazione riguarda l’abilitazione o meno di questo pixel a seguito del consenso o meno da parte degli utenti al tracciamento. Questo può comportare la perdita del tracciamento di un 30% degli utenti (stima basata sulle nostre esperienze pratiche con store Shopify che lo utilizzano).

È comunque uno strumento utile e viene utilizzato soprattutto per integrare un feed prodotti sempre aggiornato tramite api relativo alla lingua principale del negozio mentre, in caso di feed multilingua, occorre avvalersi di app aggiuntive.

Pixel Custom e Sandbox: Cosa Sapere

Sia le Web Pixel App che i Custom Web Pixel operano in una sandbox, un ambiente isolato che non interagisce direttamente con il sito web.
Questo garantisce la separazione tra il tracciamento e il contenuto del sito, ma impedisce l’interazione con il DOM e l’accesso diretto agli oggetti Liquid.

Le logiche standard di tracciamento cambiano con i custom web pixel

Debug
Per testare il tracking abbiamo sempre utilizzato strumenti di Google, come il debug di GTM e il Tag Assistant. In questo caso tali strumenti non risultano utili: il debug di GTM opera nell’ambiente sandbox e non fornisce informazioni concrete sul sito web, mentre il Tag Assistant potrebbe addirittura indicare l’assenza di tag sul sito. Shopify offre uno strumento di debug integrato direttamente nel pixel, utile per verificare quali informazioni sono disponibili sulla pagina web. Tuttavia, per comprendere con precisione i dati inviati al datalayer, è necessario effettuare il debug direttamente dalla console sviluppatori del browser, inserendo i log JavaScript nel codice del pixel.

Dati Standard da sovrascrivere
Utilizzando questo nuovo strumento, abbiamo riscontrato che alcuni eventi automatici tracciati da GA4 presentavano incongruenze o risultavano duplicati. Questo accadeva perché, inserendo il tag GA4 in ambienti isolati come la sandbox, eventi come le pageview venivano duplicati: oltre all’evento associato alle API di Shopify tramite il nostro tracking personalizzato, veniva registrato anche un altro evento di pageview con la URL della sandbox.
Per risolvere questi problemi, abbiamo dovuto intervenire direttamente sugli eventi, in alcuni casi bloccando quelli generati automaticamente e ricreandoli da zero, oppure sovrascrivendo specifici parametri per garantire che i dati tracciati fossero corretti e coerenti con le esigenze del nostro tracciamento personalizzato.

Conclusioni

I Pixel Custom rappresentano un significativo progresso nel tracciamento su Shopify, offrendo vantaggi in termini di stabilità, performance e semplicità di gestione. Tuttavia, è importante valutarne attentamente il funzionamento prima di adottarli, poiché richiedono competenze tecniche specifiche.
Anche se inizialmente potrebbero sembrare complessi, una volta compresa la logica di implementazione, consentiranno di ottenere un tracciamento completo e affidabile, sfruttando al meglio una delle piattaforme eCommerce più popolari e performanti disponibili oggi.