Questa pagina è stata stampata il Mar 29, 2024. Per la versione aggiornata, visita https://help.shopify.com/it/manual/promoting-marketing/pixels/custom-pixels/code.
Questa pagina include istruzioni per la creazione del codice di un pixel personalizzato di terze parti, in modo da poter monitorare eventi dei clienti specifici. Dopo aver creato il codice del pixel personalizzato, puoi aggiungerlo al tuo negozio Shopify.
Il servizio di terze parti con cui collabori ti fornisce il codice integrato con il pixel. Di solito, un pixel ha due componenti: un SDK JavaScript e il codice di tracking. L'eventuale codice HTML presente nel codice del servizio di terze parti deve essere rimosso, poiché la modalità di prova del pixel di Shopify supporta solo JavaScript.
Ecco l'esempio di un pixel di Meta. I pixel di terze parti saranno leggermente diversi tra loro.
Dopo aver rimosso l'HTML dal codice di Meta, restano l'SDK del pixel e il codice di Meta per inizializzarlo. Anche il codice di monitoraggio dell'evento PageView relativo alle pagine visualizzate è stato rimosso, perché verrà aggiunto durante il passaggio successivo.
Potresti trovare pixel caricati tramite script src=. L'HTML non è supportato nei pixel di Shopify, quindi dovrai sostituire script src= con l'equivalente JavaScript.
Ecco l'esempio di un pixel di Google Analytics:
La parte script src= può essere sostituita dall'equivalente JavaScript. Verifica sempre che l'attributo src corrisponda alla versione HTML:
Monitoraggio degli eventi dei clienti
Dopo aver caricato e inizializzato l'SDK del pixel, devi trasmettergli gli eventi da monitorare. Questa operazione viene eseguita tramite l'iscrizione agli eventi e la trasmissione dei dati corrispondenti all'SDK del pixel in modo che siano elaborati dal servizio di terze parti.
Iscrizione agli eventi standard
Shopify offre un set standard di eventi per aiutarti a garantire che il pixel stia raccogliendo i dati necessari.
Puoi iscriverti agli eventi utilizzando l'API dell'estensione del pixel di Shopify. Dovrai inserire il codice del pixel di terze parti insieme all'evento a cui effettui l'iscrizione.
Ecco un esempio dell'evento PageView per il pixel di Meta. Tieni presente che fbq("track") fa parte del codice di Meta e che ogni azienda avrà la propria versione per la quale dovrai fare riferimento alla documentazione corrispondente.
Alcuni eventi dispongono di metadati che puoi trasmettere al pixel. Ecco un esempio della trasmissione di alcuni dettagli di prodotto all'evento ViewContent di Meta:
Iscrizione agli eventi dei clienti personalizzati
Se desideri monitorare ulteriori eventi dei clienti, ad esempio quando qualcuno clicca su un pulsante, puoi aggiungere eventi dei clienti personalizzati. È possibile iscriversi agli eventi personalizzati allo stesso modo degli eventi standard. Dichiara il nome dell'evento a cui desideri iscriverti e trasmetti le informazioni al pixel del provider di servizi di terze parti.
Questo è un esempio di come un evento personalizzato pubblicato potrebbe essere visualizzato nei file Liquid del tema:
Questo è un esempio di come puoi configurare il pixel per iscriverti a quell'evento personalizzato:
I pixel web vengono eseguiti solo quando i visitatori hanno fornito il consenso per scopi di Marketing e Analisi nei mercati in cui hai configurato il consenso come obbligatorio. Ogni pixel potrebbe avere un nome diverso per ogni scopo. Consulta la documentazione relativa ai pixel per capire come viene mappata alle definizioni di Shopify.
Ad esempio, di seguito è riportato il modo in cui gli scopi di Marketing e Analisi vengono mappati alla modalità di consenso di Google:
Esempio di pixel personalizzato
Di seguito è riportato un esempio di codice per un pixel di Meta. Il codice del pixel varierà in base al provider di servizi di terze parti e agli eventi che desideri monitorare. Consulta il riferimento all'evento cliente per un elenco degli eventi disponibili.