Guía para crear y editar los píxeles en tu tienda en Shopify

Es importante tener píxeles instalados en tu tienda  SHOPIFY, ya que son eventos que miden las acciones que realizan los clientes en el sitio y con esta información consigues analizar cómo interactúan con tu negocio. Estas acciones van desde hacer clic en un enlace hasta agregar un producto al carrito 🛒

✅Existen dos maneras de agregar píxeles a tu tienda online, pueden ser instalados por aplicaciones de marketing y recopilación de datos, y los píxeles personalizados, que son creados y agregados por un desarrollador manualmente a través del administrador de píxeles.

Incluir píxeles en tu tienda es muy beneficioso ya que tendrás importantes datos de medición para poder analizar y realizar todas las optimizaciones que creas necesarias para mejorar la UX y aumentar la tasa de conversión.💡Otros beneficios que te aporta el uso de píxeles, es una protección adicional para tu tienda y los clientes sobre la información que se comparte con proveedores, también evita que el código no autorizado ejecute JavaScript que no funciona o altere la tienda en y el proceso de pago.

CREACIÓN DEL CÓDIGO PARA UN PÍXEL PERSONALIZADO

Crear el SDK de JavaScript de terceros

Existe un código que está conectado con el píxel y éste lo proporciona el servicio de terceros que estás utilizando. El código de seguimiento y un SDK de JavaScript suelen ser las dos partes de un píxel.  Shopify solo permite en su campo de pruebas de pixeles JavaScript, por lo que se debe eliminar cualquier HTML en el código del servicio de terceros.

Ejemplo de un metapíxel:

Cuando quitas el HTML del código de  Meta, te queda el SDK de píxeles y el código para iniciarlo. También debes eliminar el código para el seguimiento de eventos PageView, y agregarlo en el siguiente paso.

Puedes encontrar píxeles cargados con script src=.Los píxeles de Shopify no funcionan con HTML, por lo que deberá cambiar esto a un equivalente de JavaScript.

Aquí hay un ejemplo de un píxel de Google Analytics:

En un píxel de Google Analytics, se puede usar el siguiente código JavaScript en lugar de la parte del script src=. Pero debes asegurarte de que el atributo src siempre coincida con la versión HTML.

Suscribirse a eventos estándar

En un evento PageView para el píxel de Meta, debes tener en cuenta que la función fbq("track") es parte del Meta código, y que cada negocio tendrá una versión diferente.

Suscríbete a eventos personalizados para clientes

Para suscribirse deberás declarar el nombre del evento y enviar esta información al proveedor del pixel y así podrás hacer un seguimiento de eventos adicionales.

AGREGAR UN PÍXEL PERSONALIZADO

Te recomendamos eliminar cualquier píxel que tengas antes de incorporar el píxel personalizado así evitaras que se pueda llegar a duplicar el conteo de algún evento. Lo debes realizar manualmente de todas las ubicaciones, incluidos theme.liquid, checkout.liquid y secuencias de comandos adicionales en la configuración de pago.

Pasos para agregar el pixel:

1. Abrir “Configuración” “Eventos de clientes” a través del administrador de Shopify.
2. Dale a tu píxel un nombre característico. 

3. Para acceder al editor de eventos, haz clic en “Agregar píxel”.

4. En la ventana “Código”, pega tu propio código de píxel de JavaScript.
5. Guarda tu píxel personalizado haciendo clic en “Guardar”. Ya puedes conectar el píxel personalizado y comenzar a rastrear tus eventos, haciendo clic en “Conectar píxel”.

CONECTA TU PÍXEL PERSONALIZADO A TU TIENDA

Pasos para conectar el pixel personalizado:

1. Haz clic en “Píxeles personalizados” en la página de eventos del cliente en tu panel de control de Shopify.
2. Bajo el encabezado Píxeles desconectados, puede ver todos los píxeles personalizados que no están conectados actualmente. Haz clic en “Conectar” en la línea que tiene los píxeles personalizados que deseas conectar..

Antes de conectar te recomendamos que leas los Términos de servicio de Shopify, y corroborar si tu Píxel cumple con los requisitos para el servicio.

DESCONECTAR Y ELIMINAR UN PÍXEL PERSONALIZADO

Pasos para desconectar un pixel:

1. Haz clic en “Píxeles personalizados” en la página de eventos del cliente en tu panel de control de Shopify. 
2. Haz clic en “Desconectar” en la línea de píxeles personalizada que desea desconectar. Cuando se desconecta un píxel, no se elimina. 

También puedes eliminar los píxeles personalizados que ya no utilizas.

1. En la página de eventos del cliente de tu administrador de Shopify, haz clic en “Píxeles personalizados”. 
2. Haga clic en “Eliminar”. Si confirma la eliminación, el píxel personalizado se eliminará del administrador de píxeles.

👉Recuerda que si puedes contar con el asesoramiento profesional para que te ayude. EnTasky podemos ayudarte,  cotiza esta tarea aquí.