Seguimiento del comercio electrónico

Todos los eventos utilizan la misma llamada:
trackboxx('Purchase', [
{ type: '' },
...objetos adicionales (product, cart, optional context) ...
]);

Eventos y Cargas útiles

1. ViewProduct (Página de detalle del producto)
   Activación: Cuando se carga una página de detalle del producto.
   Datos mínimos: Nombre del producto, precio.
   Ejemplo:

<script> trackboxx(Compra, [ { type: VerProducto }, { tipo: productonombre: '%%PRODUCT_NAME%%'precio: 99.90 } ]); </script>Lenguaje del código: HTML, XML (xml)

Notas:

• Precio numérico (punto como separador decimal).
• Opcionalmente agregar campos adicionales (p. ej. sku, category, currency).

2. ViewCart (Página del carrito de compras)
   Activación: Al acceder a la página del carrito de compras.
   Datos mínimos: Total del carrito (amount). Opcional: todos los productos contenidos.
   Ejemplo:

<script> trackboxx(Compra, [ { type: VerCarro' }, { tipo: carro, cantidad: 149.70 }, { tipo: productonombre: Producto Aprecio: 99.90 }, { tipo: productonombre: Producto Bprecio: 49.80 } ]); </script>Lenguaje del código: HTML, XML (xml)

Notas:

• amount = total actual del carrito de compras (bruto o neto, mantener consistencia en el sistema).
• Adjunte un objeto { type: 'product', ... } distinto para cada artículo de la cesta de la compra.

3. AddToCart (Producto agregado al carrito)
   Activación: Inmediatamente después de la acción "Agregar al carrito" exitosa (clic del botón o confirmación del servidor).
   Datos mínimos: Nombre del producto, precio.
   Ejemplo:

<script> trackboxx(Compra, [ { type: Añadir al carro }, { tipo: productonombre: '%%PRODUCT_NAME%%'precio: 19.99 } ]); </script>Lenguaje del código: HTML, XML (xml)

Notas:

• Para carritos AJAX, disparar después del callback "added to cart".
• Para adiciones del lado del servidor, disparar en la página siguiente después de la acción exitosa (¡solo una vez!).

Mejores prácticas

• Deduplicación: Asegurarse de que AddToCart se envíe solo una vez por acción (p. ej. sin duplicación al recargar la página).
• Timing: Disparar ViewProduct/ViewCart durante la construcción de la página; AddToCart solo después del éxito confirmado.
• Monedas: Si es posible, consistentes en toda la tienda (p. ej. EUR). Opcionalmente pueden pasar un objeto adicional:
  { type: 'context', currency: 'EUR' }
• Precios e importes: Como Number (no string). Usar punto decimal (p. ej. 19.99).
• Protección de datos: No transmitir datos personales (sin email, sin nombres, sin direcciones). Respetar el consentimiento.

Lista de verificación rápida por sistema

• Tiendas personalizadas: Insertar del lado del servidor las variables (nombre/precio/total) en el script inline.
• Shopify: Incorporar snippets en las plantillas (product.liquid, cart.liquid); para AddToCart engancharse al callback AJAX.
• Shopware/Magento: En el tema/plugin engancharse a los respectivos eventos/hooks (página de producto, página de carrito, eventos de adición).

Referencia: Variantes mínimas

VerProducto (mínimo)
trackboxx(Compra, [
{ type: VerProducto },
{ type: producto, nombre: Nombre del producto 1, precio: 19.99 }
]);Lenguaje del código: JavaScript (javascript)

ViewCart (mínimo)
trackboxx(Compra, [
{ type: VerCarro' },
{ type: carro, importe: 19.99 }
]);Lenguaje del código: JavaScript (javascript)

AddToCart (mínimo)
trackboxx(Compra, [
{ type: Añadir al carro },
{ type: producto, nombre: Nombre del producto 1, precio: 19.99 }
]);Lenguaje del código: JavaScript (javascript)