Gli eventi dei clienti sono le principali azioni eseguite dalle tue audience che forniscono informazioni su come interagiscono con la tua attività attraverso diversi punti di contatto. Ciò include il pagamento e l'inizio di una vendita, che costituisce un punto di interazione cruciale. I servizi di terze parti integrati migliorano l'automazione del marketing e le analisi utilizzando i dati sugli eventi dei clienti generati dai pixel.

Avere una migliore comprensione di questi comportamenti può migliorare significativamente la tua strategia di vendita fornendo dati per perfezionare l'automazione del marketing, le analisi e il target di pubblico. I servizi di terze parti integrati possono utilizzare questi dati sugli eventi dei clienti, anche chiamati log, generati dai pixel per perfezionare il tuo approccio alla vendita.

Questo blog aiuterà gli sviluppatori di brand a capire come aggiungere e gestire questi pixel attraverso il tuo account Shopify. Bene, cerchiamo di cominciare dalle basi, va bene?

Cosa sono i pixel?

Dall'introduzione a cosa sono i pixel, alla creazione di pixel personalizzati per il tuo pubblico B2B, fino all'assicurare la loro corretta implementazione nel tuo negozio attraverso vari canali, questa guida copre tutti gli aspetti che devi conoscere per gestire efficacemente le interazioni con i clienti all'interno della tua comunità Shopify. Puoi gestire i pixel che tracciano gli eventi dei clienti con il Gestore dei Pixel di Shopify.

Il Gestore dei pixel di Shopify ti consente di aggiungere e gestire i pixel per tracciare gli eventi dei clienti. Gli eventi dei clienti sono azioni che avvengono nel browser del cliente, come il clic su un link o l'aggiunta di un articolo al carrello.

La sezione Eventi dei clienti della tua amministrazione Shopify è il luogo in cui gli esperti possono aggiungere e gestire i pixel.

I pixel possono essere aggiunti o migrati al tuo negozio online in due modi: i pixel dell'app, installati dalle app per il marketing e la raccolta di dati, e i pixel personalizzati, che un sviluppatore può aggiungere manualmente tramite il gestore dei pixel nel tuo account.

In precedenza, i commercianti potevano aggiungere frammenti di codice JavaScript al loro negozio online manualmente. Potevano farlo nelle preferenze online, negli script di checkout e nelle app. Potevano farlo nelle preferenze online, negli script di checkout e nelle app in inglese. Nella maggior parte dei casi, questi script non venivano controllati per la qualità e la loro gestione richiedeva molto tempo. Con il gestore dei pixel, i tuoi script vengono conservati in un singolo strumento di gestione e vengono eseguiti in un ambiente sandbox

Assicurati che il tuo tema non contenga codici di tracciamento esistenti prima di iniziare. Questo codice si trova di solito nei template liquid come theme.liquid, product.liquid e checkout.liquid, così come nel campo degli script aggiuntivi nelle impostazioni di pagamento. Questo passaggio è essenziale per assicurarti di poter procedere senza preoccupazioni per gli script in conflitto.

i vantaggi di includere i pixel dell'app o i pixel personalizzati nel tuo negozio

  • Accesso a una serie di eventi dei clienti, come eventi di checkout, sul tuo negozio online.
  • Protezione aggiuntiva per il tuo negozio online e i tuoi clienti, inclusa una maggiore controllo sulle informazioni dei clienti che condividi con i fornitori di terze parti.
  • Previene l'esecuzione di codice non funzionante o la manipolazione del tuo negozio online e del checkout da parte di codice non autorizzato.
  • Strumenti integrati per la conformità alla privacy.

Crea il codice per un pixel personalizzato

Creare l'SDK JavaScript di terze parti

Il codice collegato al pixel ti viene fornito dal servizio di terze parti che stai utilizzando. Il codice di tracciamento e un SDK JavaScript sono tipicamente le due parti di un pixel. Il sandbox del pixel di Shopify ammette solo JavaScript, quindi ogni HTML nel codice del servizio di terze parti deve essere rimosso.

Questo è un esempio di un pixel Meta. Ci sarà una piccola variazione nei pixel pos tra i diversi fornitori di terze parti.

Meta Pixel Code

Crediti immagine: Shopify

Potresti trovare i pixel con domini che vengono caricati con script src=. I pixel di Shopify non funzionano con HTML, quindi dovrai cambiarli in un equivalente JavaScript. Anche il codice per il tracciamento degli eventi di visualizzazione delle pagine è stato eliminato, poiché verrà aggiunto nel prossimo passaggio.

Script

 Crediti immagine: Shopify

Potresti trovare i pixel che vengono caricati con script src=. I pixel di Shopify non funzionano con HTML, quindi dovrai cambiarli in un equivalente JavaScript. 

Puoi anche vedere come iscriverti agli eventi standard e agli eventi personalizzati dei clienti, che ti consentono di tenere traccia di ulteriori eventi dei clienti, ad esempio quando qualcuno fa clic su un pulsante. Ad esempio, se desideri tenere traccia dell'accadimento di specifici ordini, puoi creare un evento personalizzato a tale scopo e iscriverti ad esso.

Ecco un esempio di un pixel di Google Analytics:

Global Site Tag

Crediti immagine: Shopify

Puoi utilizzare il seguente codice JavaScript al posto della porzione script src=. Assicurati che l'attributo src corrisponda sempre alla versione HTML:

JavaScript

Crediti immagine: Shopify

Iscriviti agli eventi standard

L'evento PageView per il pixel Meta assomiglia a questo. Dovresti sapere che la funzione fbq("track") è parte del codice Meta, e che ogni attività avrà una versione diversa per cui dovrai consultare la loro documentazione.

PageView

Crediti immagine: Shopify

Puoi trasferire i metadati da alcuni eventi al tuo pixel. Un esempio di fornitura di alcune informazioni sul prodotto all'evento ViewContent di Meta è mostrato di seguito:

View Content Theme

Crediti immagine: Shopify

Iscriviti agli eventi personalizzati dei clienti

Puoi aggiungere eventi personalizzati dei clienti se desideri tenere traccia di ulteriori eventi dei clienti, ad esempio quando qualcuno fa clic su un pulsante. Gli eventi standard ed eventi personalizzati possono essere iscritti allo stesso modo. 

Dichiara il nome dell'evento a cui desideri iscriverti e invia queste informazioni al pixel del fornitore del servizio di terze parti.

Questo è un esempio di come potrebbe apparire un evento personalizzato nei file liquid del tuo tema:

Script

Crediti immagine: Shopify

Ecco un modo in cui potresti configurare il tuo pixel per iscriverti a quell'evento personalizzato:

Custom event

Aggiungi un pixel personalizzato

Prima di aggiungere un pixel personalizzato, rimuovi o modifica eventuali pixel esistenti per evitare doppi conteggi degli eventi dei clienti. Il codice del pixel esistente deve essere rimosso manualmente da tutte le posizioni, inclusi theme.liquid, checkout.liquid e gli script aggiuntivi nelle impostazioni di pagamento.

Passaggi: 
1. Apri le impostazioni > Eventi dei clienti tramite l'amministrazione Shopify.

Crediti immagine: Shopify

2. Dai un nome distintivo al tuo pixel. Se inserisci il nome di un pixel personalizzato esistente, ti verrà chiesto di dare un nuovo nome al tuo pixel.

3. Per accedere all'editor di eventi, fai clic su Aggiungi pixel.

Pixel NameCrediti immagine: Shopify

4. Nella finestra Codice, incolla il tuo codice JavaScript personalizzato per il pixel.

5. Per Salvare il tuo pixel personalizzato, fai clic su Salva. Se sei pronto a connettere il tuo pixel personalizzato e iniziare a tenere traccia dei tuoi eventi, puoi farlo cliccando su Connetti pixel.

Connetti un pixel personalizzato nel tuo negozio Shopify

Dopo aver aggiunto un pixel personalizzato, devi connetterlo al tuo negozio in modo che possa iniziare a tracciare gli eventi dei clienti.

Passaggi: 

  1. Fai clic su Pixel personalizzati dalla pagina Eventi dei clienti nell'amministrazione Shopify.
  2. Sotto il titolo Pixel disconnessi, puoi vedere tutti i pixel personalizzati che attualmente non sono collegati. Fai clic su Connetti sulla riga che contiene il pixel personalizzato corretto.

Leggi i Termini di servizio di Shopify. Se il tuo Pixel soddisfa i requisiti del servizio, clicca su Connetti.

Disconnetti ed elimina un pixel personalizzato

Devi scollegare manualmente il pixel dal tuo negozio online per smettere di tracciare gli eventi per i quali hai aggiunto un pixel personalizzato.

Passaggi: 

  1. Fai clic su Pixel personalizzati dalla pagina Eventi dei clienti nell'amministrazione Shopify. 
  2. I pixel personalizzati attualmente collegati vengono visualizzati in cima alla lista. Fai clic su Disconnetti sulla linea del pixel personalizzato che desideri disconnettere. Quando un pixel è disconnesso, non viene eliminato. 

Puoi anche eliminare eventuali pixel personalizzati di cui non hai bisogno.

Passaggi: 

  1. Nella pagina Eventi dei clienti del tuo amministratore Shopify, fai clic su Pixel personalizzati. 
  2. Fai clic sul pulsante...

Fai clic su Elimina. Se confermi la rimozione, il pixel personalizzato verrà rimosso dal gestore dei pixel.

Conclusione 

Assicurati di conoscere la configurazione dei pixel prima di creare un pixel personalizzato. 

Ecco alcune cose da tenere a mente: 

  • Assicurati sempre di capire il codice che inserisci nel checkout del tuo sito web o ottieni un pixel personalizzato da un Esperto Shopify. 
  • Poiché i pixel funzionano in un ambiente sandbox sicuro, ci sono restrizioni su quali dati possono essere pubblicati. 
  • L'estensione dell'API del pixel Web consente di accedere alle API del browser e di iscriversi agli eventi dei clienti con gli ambienti sandbox di Shopify Lax o Strict.

Seamless content creation—Powered by our content engine.