Integrar el seguimiento de Personyze con la nueva extensión de carrito de Shopify

¿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.

Esta guía explica cómo usar el código de seguimiento JavaScript de Personyze para registrar los eventos de e-commerce a través de la nueva extensión del carrito de Shopify. El código de abajo registra las interacciones clave de los clientes, como las vistas de producto, los productos añadidos y eliminados del carrito y las compras completadas.

Integración paso a paso

Paso 1: inicializar el SDK de JavaScript de Personyze

Añada este script de inicialización al código del tema de su tienda Shopify:

<script>
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({PERSONYZE-ACCOUNT ID, "*.yourdomain.com"}); // replace with your actual details
  };
  (document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'));
</script>

Importante: sustituya PERSONYZE-ACCOUNT ID por el ID real de su cuenta de Personyze, y *.yourdomain.com por su dominio real.

Ejemplo:

_S_T.setup({123456, "*.examplestore.com"});

Paso 2: suscribirse a los eventos de Shopify para el seguimiento de e-commerce

Añada los siguientes scripts de suscripción a eventos para registrar las interacciones clave:

<script>
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]);
  }
});

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]);
  }
});

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]);
});

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

Consejos de implementación

Pruebe siempre a fondo la integración después de implementarla.
Revise la consola del navegador en busca de los registros «Event data» para comprobar que los eventos de seguimiento se activan correctamente.

Siguiendo estos pasos, Personyze registrará con precisión las interacciones de los clientes con la extensión del carrito de Shopify, lo que aporta datos valiosos para mejorar las estrategias de personalización y optimización de su tienda.