Ayuda
Iniciar sesión

Migración de píxeles

Si agregaste anteriormente un píxel manualmente a la tienda en ubicaciones como theme.liquid, checkout.liquid (solo para el plan Shopify Plus), Scripts adicionales en checkout settings o la página Preferences, puedes migrar los píxeles para que sean compatibles con un píxel de aplicación de Shopify o con un píxel personalizado. Algunas ventajas de migrar los píxeles antiguos incluyen:

  • Acceso más sencillo al seguimiento de eventos del cliente, incluidos los del pago.
  • Herramientas integradas para el cumplimiento de normativas de privacidad.
  • Mantenimiento y mejoras continuos a cargo de Shopify y de los proveedores de píxeles.

Más información sobre Shopify's pixel manager y todas las ventajas de migrar a píxeles de aplicaciones de Shopify o a píxeles personalizados.

En esta página

Migrar píxeles de Meta y Google desde la página de Preferencias

Se actualizaron los ajustes de administración de los píxeles de Meta y Google Analytics en el panel de control de Shopify para cumplir con las últimas normas y regulaciones de seguridad de las Normas de seguridad de los datos de la Industria de Tarjetas de Pago (PCI DSS). Este cambio garantiza que la información del negocio y de los clientes se mantenga segura frente a violaciones de datos y fraude. Más información sobre cómo Shopify helps your store stay PCI DSS v4 compliant.

Para lograr el seguimiento y el rendimiento más precisos, migra el píxel a uno de los siguientes canales:

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

Migrar un píxel de Google Analytics a la aplicación del canal Google & YouTube

Si no moviste la etiqueta a la aplicación del canal Google & YouTube, se convirtió en un píxel personalizado para intentar mantener la continuidad de las mediciones. Esto podría degradar el rendimiento y las funciones de medición en Google Analytics. En concreto, puedes esperar lo siguiente:

  • Los datos registrados en Google Analytics podrían cambiar (o, en algunos casos, perderse) debido a diferencias en la medición de eventos y en el comportamiento de las etiquetas.
  • Es posible que funciones clave de Google Analytics, como la medición mejorada y la medición entre dominios, no funcionen correctamente.
  • Tag Assistant podría no funcionar o informar de forma incorrecta sobre tu etiqueta de GA4.
  • Tag Diagnostics podría no identificar correctamente tu etiqueta de GA4 o recomendar funciones que no funcionen en tu caso.
  • Se descartarán los ajustes que agregaste previamente en la sección JavaScript adicional de Google Analytics.
  • El tratamiento del consentimiento de tu etiqueta de Google Analytics podría cambiar.

Migrar un píxel antiguo desde theme.liquid, checkout.liquid o Scripts adicionales

Cuando migres un píxel antiguo desde theme.liquid, checkout.liquid o Scripts adicionales, puedes hacer cualquiera de lo siguiente:

Para evitar duplicar u omitir eventos del cliente, considera migrar los píxeles durante un período de menor actividad de la tienda.

Preparación para migrar un píxel

Ten en cuenta lo siguiente cuando definas el flujo de trabajo de la migración:

  • Si quieres minimizar la pérdida de eventos del cliente, conecta el nuevo píxel personalizado antes de eliminar el píxel antiguo.
  • Si quieres evitar duplicar el seguimiento de eventos del cliente, conecta el nuevo píxel personalizado después de eliminar el píxel antiguo.
  • Para migrar un píxel antiguo, necesitas localizar su código para poder eliminarlo o modificarlo. La mayoría de los píxeles tienen dos componentes que debes encontrar:
    • Un SDK de JavaScript base: el SDK de JavaScript suele ubicarse en el encabezado y puedes encontrarlo en theme.liquid y en Scripts adicionales dentro de la configuración del pago.
    • Código antiguo del píxel para recopilar eventos del cliente: este código suele encontrarse en los archivos Liquid del tema y en Scripts adicionales de la configuración del pago. Consulta la documentación del proveedor externo del píxel para saber cómo se registran los eventos del cliente y así saber qué buscar. Por ejemplo, el píxel de Meta tiene un método llamado fbq(), y los píxeles de Google suelen usar gtag() o dataLayer.push().

Migrar un píxel antiguo para que sea compatible con un píxel de aplicación

Conviene migrar un píxel antiguo para que sea compatible con un píxel de aplicación si se cumplen ambas condiciones:

  • Instalaste un píxel de aplicación de Shopify que recopila eventos del cliente automáticamente.
  • Además, agregaste código adicional para eventos personalizados que el píxel de aplicación no registra.

En este caso, sigue las instrucciones del desarrollador de la aplicación para migrar el píxel antiguo.

Migrar un píxel antiguo a un píxel personalizado

Conviene migrar un píxel antiguo a un píxel personalizado si se cumplen ambas condiciones:

  • Tienes un píxel instalado previamente cuyo código escribiste manualmente, sin ninguna aplicación de Shopify instalada.
  • No hay ningún píxel de una aplicación de Shopify que cumpla con tus requisitos.

Puedes conectar el nuevo píxel personalizado antes o después de quitar el código del píxel anterior.

Pasos:

  1. Crea un píxel personalizado que se suscriba a los eventos del cliente que necesitas, tanto estándar como personalizados.
  2. Quita o reemplaza el código de píxel agregado anteriormente de los archivos de Liquid o de Scripts adicionales en la configuración del pago. Esto puede incluir código de píxel anterior que usa el SDK de JavaScript, recopila eventos estándar o recopila eventos no estándar.
  3. Agrega el píxel personalizado a la tienda.
  4. Conecta el píxel personalizado.

Quitar o reemplazar el código de píxel anterior

Cuando encuentres el código de píxel anterior, quítalo o reemplázalo por el método Shopify.analytics.publish() de Shopify, según el tipo de evento que registra el píxel:

  • Puedes quitar todas las instancias de los SDK de JavaScript que encuentres.
  • Si el píxel anterior hace seguimiento de un evento estándar del cliente y el píxel personalizado o el píxel de aplicación que quieres agregar admite recopilar ese evento estándar, entonces quita el código del píxel anterior.
  • Si el píxel anterior hace seguimiento de un evento personalizado del cliente y el píxel personalizado o la aplicación que quieres agregar admite recopilar eventos personalizados del cliente, entonces reemplaza el código del píxel anterior.

Este es un ejemplo de un código de píxel anterior que hace seguimiento de un evento no estándar del cliente:

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

Este es un ejemplo del código equivalente para reemplazarlo:

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

Si creas un píxel personalizado, incluye código que se suscriba al evento personalizado, como en este ejemplo:

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

Resolución de problemas después de la migración

Después de migrar a los píxeles web, es posible que notes diferencias en la cantidad de eventos a los que se hizo seguimiento en comparación con la configuración anterior. Dado que algunos bots no activan el entorno de pruebas de los píxeles web, es normal que haya caídas de un solo dígito en el recuento de eventos. Si observas discrepancias mayores, revisa esta sección para ver las posibles causas.

Usa la siguiente lista de verificación como ayuda para identificar el origen de una discrepancia:

  • Confirma que todos los eventos esperados se estén activando.
  • Confirma que la lógica de implementación sea la misma entre tu configuración anterior y la nueva.
  • Confirma que se le haga seguimiento a cada evento solo 1 vez.
  • Confirma que estás comparando los números del mismo servicio de informes y estadísticas.
  • Confirma que tu configuración de privacidad coincida con tu configuración anterior.
  • Si se requiere consentimiento, confirma que lo estés recopilando.

Selecciona el problema que coincida con lo que estás experimentando y luego sigue los pasos para la resolución de problemas.

Algunos eventos no se están activando.

Verifica que todos los eventos esperados se activen. Si un evento no se activa, no se le puede hacer seguimiento.

Para depurar el error, agrega console.log al código de tu píxel y comprueba en las herramientas para desarrolladores de tu navegador que los datos se envíen a tu socio de informes y estadísticas. Si los eventos no se están activando, revisa el código de tu píxel para ver si hay errores.

Las definiciones o la lógica de los eventos cambiaron.

La definición de eventos como page_viewed o checkout_started puede diferir entre implementaciones. Por ejemplo, si antes hacías seguimiento a las vistas de productos usando coincidencias de ruta URL, pero ahora usas los eventos estándar de Shopify, es posible que los resultados difieran.

Asegúrate de que la nueva implementación use la misma lógica que la anterior. Si la lógica de implementación difiere, es normal que haya alguna diferencia en el recuento de eventos.

Los eventos se contabilizan más de 1 vez.

Un problema común al realizar una migración es que se le haga seguimiento al mismo evento más de 1 vez. Esto puede suceder en varios lugares, como en el código del tema, en una app o en la sección Eventos del cliente de tu panel de control. Si antes habías agregado un código de seguimiento a través de Scripts adicionales o de checkout.liquid, cualquier código sobrante allí también puede causar que el seguimiento se duplique.

Para comprobar si hay seguimiento duplicado, abre las herramientas para desarrolladores del navegador y busca solicitudes múltiples a la misma terminal de informes y estadísticas durante un único evento o carga de la página.

Los números difieren entre los distintos servicios de informes y estadísticas.

Los diferentes servicios de informes y estadísticas procesan y filtran los datos de distintas maneras. Algunos filtran el presunto tráfico de bots. Otros estiman los datos faltantes. No compares la cantidad de eventos de diferentes servicios, ni siquiera entre Google Analytics y GA4, que procesan los datos de distintas maneras.

Para comparar los resultados con precisión, crea una cuenta o un píxel por separado para el mismo servicio y ejecútalo en paralelo.

La configuración de privacidad está bloqueando eventos.

Los píxeles web siempre respetan la configuración de privacidad de tu tienda. Si tu configuración de píxeles anterior no lo hacía, es posible que veas menos eventos rastreados después de la migración.

Desde el panel de control de Shopify, ve a Configuración > Privacidad del cliente y confirma que la configuración coincida con la que tenías antes.

Una herramienta externa de consentimiento no se sincroniza con Shopify.

Si usas una herramienta externa de consentimiento para gestionar el consentimiento de cookies, es posible que los píxeles web no se activen para los clientes cuyo consentimiento no esté sincronizado con Shopify. Esto puede ocurrir si la herramienta de consentimiento no usa la Customer Privacy API.

Para solucionarlo, asegúrate de que la herramienta de consentimiento sincronice el estado del consentimiento con Shopify mediante la Customer Privacy API.