Seguimiento de los eventos de e-commerce de Shopify con Personyze

¿Usa la app de Personyze para Shopify? Puede que no necesite esto. La app inserta el código de seguimiento en su tema por usted y sincroniza su catálogo de productos automáticamente — consulte Instalar Personyze en una tienda Shopify. El código de abajo sirve para notificar eventos desde el entorno aislado Customer Events de Shopify (el checkout y la extensión del carrito), que funciona por separado de su tema, o para las tiendas que no usan la app.

Para notificar a Personyze la actividad de e-commerce de Shopify, como las vistas de producto, las interacciones con el carrito y las compras, siga los pasos de abajo para insertar el código JavaScript necesario en su sitio.

Paso 1: inicializar el píxel de seguimiento de Personyze

Inserte el siguiente fragmento de JavaScript en la cabecera global de su sitio (antes de la etiqueta de cierre </head> ). Carga el SDK de Personyze y lo inicializa para su cuenta:

window._S_T || function(s)
{
    s.async = true;
    s.src = '//counter.personyze.com/stat-track-lib.js';
    s.onload = function()
    {
        _S_T.async = true;
        _S_T.setup(YOUR-ACCOUNT-ID, "*.yourdomain.com");
    };
    (document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'));

Paso 2: suscribirse a los eventos de e-commerce

Use la API analytics.subscribe de Shopify para capturar las acciones clave de los clientes y enviarlas a Personyze. Estos son ejemplos de cómo notificar cada tipo de evento:

Producto visto

analytics.subscribe(
    "product_viewed",
    event => {
        if (event?.data?.productVariant) {
            console.log("Event data ", event.data);
            (self.personyze = self.personyze || []).push([
                'Product Viewed',
                event.data.productVariant.id
            ]);
        }
    }
);

Producto añadido al carrito

analytics.subscribe(
    "product_added_to_cart",
    event => {
        if (event?.data?.cartLine) {
            console.log("Event data ", event.data);
            (self.personyze = self.personyze || []).push([
                'Product Added to cart',
                event.data.cartLine.merchandise.id,
                'quantity',
                event.data.cartLine.quantity
            ]);
        }
    }
);

Producto eliminado del carrito

analytics.subscribe(
    "product_removed_from_cart",
    event => {
        console.log("Event data ", event.data);
        (self.personyze = self.personyze || []).push([
            'Product Removed from cart',
            event.data.cartLine.merchandise.id,
            'quantity',
            event.data.cartLine.quantity
        ]);
    }
);

Pago completado

analytics.subscribe(
    "checkout_completed",
    event => {
        console.log("Event data ", event.data);
        (self.personyze = self.personyze || []).push([
            'Products Purchased'
        ]);
    }
);

Una vez insertados estos scripts, Personyze recibirá automáticamente los datos de los eventos en tiempo real, lo que le permitirá personalizar el contenido, registrar las conversiones y generar analítica de su embudo de e-commerce. 📌 Consejo: pruebe siempre los eventos con la consola del navegador y compruebe el seguimiento en el simulador de Personyze.