Migració de píxels

Si anteriorment havies afegit un píxel de manera manual a la teva botiga en una ubicació com ara theme.liquid, checkout.liquid (només per al pla Shopify Plus), Scripts addicionals a la teva configuració del pagament o a la pàgina de Preferències, ara pots migrar els píxels perquè siguin compatibles amb un píxel d'aplicació de Shopify o un píxel personalitzat. Alguns dels avantatges de migrar els píxels antics són:

Més facilitat d'accés al seguiment de les accions del client, incloses les accions de pagament.
Eines integrades per al compliment de la privadesa.
Manteniment i millora continus per part de Shopify i dels proveïdors de píxels.

Més informació sobre el gestor de píxels de Shopify i sobre tots els avantatges de migrar als píxels d'aplicacions de Shopify o a píxels personalitzats.

En aquesta pàgina

Migració de píxels de Meta i Google des de la pàgina de preferències

La configuració de la gestió dels píxels de Meta i Google Analytics al panell d'administració de Shopify s'ha actualitzat per complir amb les normatives i els estàndards de seguretat de dades del sector de targetes de pagament (PCI DSS) més recents. Aquest canvi garanteix que la informació de la teva empresa i dels clients es mantingui segura davant de fraus i violacions de dades. Descobreix més informació sobre com Shopify ajuda la teva botiga a complir l'estàndard PCI DSS v4.

Per aconseguir un seguiment i un rendiment més precisos, migra el píxel a un dels canals següents:

Migra el teu píxel de Meta al canal Facebook & Instagram.
Migra el teu píxel de Google Analytics al canal Google & YouTube.

Migració d'un píxel de Google Analytics a l'aplicació del canal Google & YouTube

Si no has traslladat la teva etiqueta a l'aplicació del canal Google & YouTube, s'ha convertit en un píxel personalitzat per intentar mantenir la continuïtat del teu mesurament. Això pot donar lloc a un pitjor rendiment en el mesurament i de les funcions a Google Analytics. En concret, pots preveure l'impacte següent:

És possible que les dades notificades a Google Analytics canviïn (o, en determinats casos, es perdin) a causa de diferències en el mesurament d'accions i el comportament de les etiquetes.
Pot ser que les funcions principals de Google Analytics, com ara el mesurament millorat o el mesurament entre dominis, no funcionin correctament.
Pot ser que Tag Assistant no funcioni o que proporcioni informes incorrectes sobre la teva etiqueta de GA4.
Pot ser que Tag Diagnostics no identifiqui correctament la teva etiqueta de GA4 o que et recomani funcions que no et serveixen.
La configuració que hagis afegit anteriorment a la secció de Javascript addicional de Google Analytics s'eliminarà.
Pot ser que el tractament del consentiment de la teva etiqueta de Google Analytics canviï.

Migrar un píxel antic des de theme.liquid, checkout.liquid o els scripts addicionals

Quan migres un píxel antic des de theme.liquid, checkout.liquid o els scripts addicionals, pots fer una de les accions següents:

Per evitar duplicar o perdre accions del client, et recomanem que migris els píxels durant un període de poca activitat a la botiga.

Preparació de la migració d'un píxel

Tingues en compte el següent a l'hora de decidir el teu flux de treball de migració:

Si vols minimitzar la pèrdua d'accions del client, connecta el nou píxel personalitzat abans d'eliminar el píxel antic.
Si vols evitar el seguiment duplicat d'accions del client, connecta el nou píxel personalitzat després d'eliminar el píxel antic.
Per migrar un píxel antic, has de buscar el codi d'aquest píxel antic per eliminar-lo o modificar-lo. La majoria dels píxels tenen dos components que hauràs de buscar:
- Un SDK bàsic de Javascript: l'SDK de Javascript se sol situar a la capçalera i es pot trobar a theme.liquid i a Scripts addicionals, a la teva configuració del pagament.
- El codi del píxel antic per recollir les accions del client: normalment, pots trobar aquest codi als fitxers liquid del teu tema, així com a Scripts addicionals, a la teva configuració del pagament. Consulta la documentació del teu proveïdor de píxels de tercers sobre com es localitzen les accions del client per saber què has de buscar. Per exemple, el píxel de Meta té un mètode anomenat fbq(), i els píxels de Google solen utilitzar gtag() o dataLayer.push().

Migrar un píxel antic perquè sigui compatible amb un píxel d'aplicació

Et pot interessar migrar un píxel antic perquè sigui compatible amb un píxel d'aplicació si es compleixen les dues condicions següents:

Has instal·lat un píxel d'aplicació de Shopify que recull les accions del client de manera automàtica.
També has afegit un codi addicional per a accions personalitzades de les quals el píxel d'aplicació no fa el seguiment.

En aquest cas, has de seguir les instruccions del desenvolupador d'aplicacions per migrar el píxel antic.

Migrar un píxel antic a un píxel personalitzat

Pots voler migrar un píxel antic a un píxel personalitzat si es compleixen les dues condicions següents:

Tens un píxel instal·lat prèviament per al qual vas escriure el codi manualment, sense cap aplicació de Shopify instal·lada.
No hi ha cap píxel d'aplicació de Shopify que compleixi els teus requisits.

Pots connectar el teu nou píxel personalitzat abans o després d'eliminar el codi del teu píxel antic.

Passos:

Crea un píxel personalitzat que se subscrigui a les teves accions del client estàndard i personalitzades necessàries.
Elimina o substitueix qualsevol codi de píxel afegit anteriorment dels teus fitxers de Liquid o dels Scripts addicionals a la configuració del pagament. Això pot incloure codi de píxels antics que inclogui l'SDK de Javascript, recopili esdeveniments estàndard o recopili esdeveniments no estàndard.
Afegeix el teu píxel personalitzat a la botiga.
Connecta el teu píxel personalitzat.

Eliminació o substitució del codi del píxel antic

A mesura que trobis el teu codi de píxel antic, hauràs d'eliminar-lo o substituir-lo pel mètode Shopify.analytics.publish() de Shopify, en funció del tipus d'esdeveniment de què estigui fent el seguiment el píxel:

Pots eliminar totes les instàncies dels SDK de Javascript que trobis.
Si el píxel antic fa el seguiment d'una acció del client estàndard i el píxel personalitzat o de l'aplicació que vols afegir admet la recopilació de l'acció del client estàndard, n'has d'eliminar el codi.
Si el píxel antic fa el seguiment d'una acció del client personalitzada i el píxel personalitzat o de l'aplicació que vols afegir admet la recopilació d'accions del client personalitzades, n'has de substituir el codi.

Aquest és un exemple d'un codi de píxel antic que fa el seguiment d'una acció del client no estàndard:

<script>fbq("trackCustom", "my_custom_event");</script>

Aquest és un exemple del codi equivalent pel qual cal substituir-lo:

<script>Shopify.analytics.publish("my_custom_event");</script>

Si estàs creant un píxel personalitzat, has d'incloure el codi de subscripció a l'esdeveniment personalitzat, com ara en aquest exemple:

analytics.subscribe("my_custom_event", event => {
  fbq("trackCustom", "my_custom_event");
});

Resolució de problemes després de la migració

Després de migrar als píxels web, és possible que notis diferències en el nombre d'esdeveniments dels quals es fa el seguiment en comparació amb la teva configuració anterior. Com que alguns bots no activen el sandbox del píxel web, és normal que hi hagi descensos d'un sol dígit en el percentatge dels recomptes d'esdeveniments. Si veus discrepàncies més grans, revisa aquesta secció per conèixer-ne les possibles causes.

Fes servir la llista de verificació següent per ajudar-te a identificar l'origen d'una discrepància:

Confirma que s'activen tots els esdeveniments previstos.
Confirma que la lògica d'implementació és la mateixa entre la configuració antiga i la nova.
Confirma que es fa el seguiment de cada esdeveniment només 1 vegada.
Confirma que estàs comparant dades del mateix servei d'anàlisi de dades.
Confirma que la teva configuració de privacitat coincideix amb la teva configuració anterior.
Si és necessari un consentiment de galetes, confirma que l'estàs obtenint.

Selecciona el problema que coincideixi amb la teva situació i segueix els passos de resolució de problemes.

Alguns esdeveniments no s'activen.

Verifica que tots els esdeveniments previstos s'activin. Si un esdeveniment no s'activa, no se'n pot fer el seguiment.

Per fer la depuració, afegeix console.log al codi del teu píxel i comprova si s'estan enviant dades al teu partner d'anàlisi de dades a les eines per a desenvolupadors del teu navegador. Si no s'activen els esdeveniments, revisa si hi ha errors al codi del teu píxel.

Han canviat les definicions o la lògica dels esdeveniments.

La definició d'esdeveniments com ara page_viewed o checkout_started pot variar d'una implementació a l'altra. Per exemple, si anteriorment feies el seguiment de les visualitzacions de productes mitjançant la coincidència de rutes d'URL, però ara utilitzes esdeveniments estàndard de Shopify, és possible que els resultats difereixin.

Assegura't que la teva implementació nova faci servir la mateixa lògica que la vella. Si la lògica d'implementació difereix, és previsible que hi hagi alguna diferència en els recomptes d'esdeveniments.

Els esdeveniments es compten més d'1 vegada.

Un problema habitual a l'hora de migrar és que es faci el seguiment del mateix esdeveniment més d'1 vegada. Es pot fer el seguiment d'un mateix esdeveniment a més d'1 lloc, com ara al codi del teu tema, a una aplicació o a la secció Accions del client del teu panell d'administració. Si prèviament havies afegit el codi de seguiment mitjançant els Scripts addicionals o checkout.liquid, qualsevol resta de codi que hi hagi quedat també podria provocar seguiments duplicats.

Per comprovar si hi ha seguiment duplicat, obre les eines de desenvolupador del navegador i busca múltiples sol·licituds al mateix punt d'accés d'anàlisi de dades durant una sola càrrega de pàgina o esdeveniment.

Les xifres difereixen entre els serveis d'anàlisi de dades.

Diferents serveis d'anàlisi de dades processen i filtren les dades de diferents maneres. Alguns n'exclouen el suposat trànsit de bots. D'altres fan estimacions sobre les dades que falten. No comparis recomptes d'esdeveniments entre serveis diferents, fins i tot entre Google Analytics i GA4, que processen les dades de diferents maneres.

Per comparar els resultats amb exactitud, crea un compte o píxel diferent per al mateix servei i executa'l de forma paral·lela.

La configuració de privacitat bloqueja esdeveniments.

Els píxels web sempre respecten la configuració de privacitat de la teva botiga. Si la teva configuració de píxel anterior no ho feia, és possible que notis que es fa el seguiment de menys esdeveniments un cop completada la migració.

Des del teu panell d'administració de Shopify, ves a Configuració > Privacitat del client i confirma que els paràmetres coincideixin amb els de la configuració anterior.

Una eina de consentiment de tercers no s'està sincronitzant amb Shopify.

Si utilitzes una eina de consentiment de tercers per gestionar el consentiment de galetes, és possible que els teus píxels web no s'activin per a aquells clients amb un consentiment que no s'ha sincronitzat amb Shopify. Això pot succeir quan la teva eina de consentiment no utilitza la Customer Privacy API.

Per solucionar-ho, assegura't que l'eina de consentiment sincronitzi l'estat del consentiment amb Shopify mitjançant la Customer Privacy API.