Tracciamento del commercio elettronico

Tutti gli eventi utilizzano la stessa chiamata:
trackboxx('Purchase', [
{ type: '' },
...oggetti aggiuntivi (product, cart, optional context) ...
]);

Eventi e Payload

1. ViewProduct (Pagina di dettaglio del prodotto)
   Attivazione: Quando viene caricata una pagina di dettaglio del prodotto.
   Dati minimi: Nome del prodotto, prezzo.
   Esempio:

<script> trackboxx('Acquisto', [ { tipo: Visualizza il prodotto }, { tipo: 'prodotto', nome: '%%NOME_PRODOTTO%%'prezzo: 99.90 } ]); </script>Lingua del codice: HTML, XML (xml)

Note:

• Prezzo numerico (punto come separatore decimale).
• Aggiungere opzionalmente campi aggiuntivi (ad es. sku, category, currency).

2. ViewCart (Pagina del carrello)
   Attivazione: Quando si accede alla pagina del carrello.
   Dati minimi: Totale del carrello (amount). Opzionale: tutti i prodotti contenuti.
   Esempio:

<script> trackboxx('Acquisto', [ { tipo: ViewCart' }, { tipo: 'carrello', importo: 149.70 }, { tipo: 'prodotto', nome: Prodotto A'prezzo: 99.90 }, { tipo: 'prodotto', nome: Prodotto Bprezzo: 49.80 } ]); </script>Lingua del codice: HTML, XML (xml)

Note:

• amount = totale attuale del carrello (lordo o netto, rimanere coerenti nel sistema).
• Allegare un oggetto { type: 'product', ... } separato per ogni articolo del carrello.

3. AddToCart (Prodotto aggiunto al carrello)
   Attivazione: Immediatamente dopo l'azione "Aggiungi al carrello" riuscita (clic sul pulsante o conferma del server).
   Dati minimi: Nome del prodotto, prezzo.
   Esempio:

<script> trackboxx('Acquisto', [ { tipo: AddToCart' }, { tipo: 'prodotto', nome: '%%NOME_PRODOTTO%%'prezzo: 19.99 } ]); </script>Lingua del codice: HTML, XML (xml)

Note:

• Per i carrelli AJAX, attivare dopo il callback "added to cart".
• Per le aggiunte lato server, attivare sulla pagina successiva dopo l'azione riuscita (una sola volta!).

Best Practice

• Deduplicazione: Assicurarsi che AddToCart venga inviato solo una volta per azione (ad es. nessuna duplicazione al ricaricamento della pagina).
• Timing: Attivare ViewProduct/ViewCart durante la costruzione della pagina; AddToCart solo dopo successo confermato.
• Valute: Se possibile, coerenti in tutto il negozio (ad es. EUR). Opzionalmente potete passare un oggetto aggiuntivo:
  { type: 'context', currency: 'EUR' }
• Prezzi e importi: Come Number (non string). Utilizzare il punto decimale (ad es. 19.99).
• Protezione dei dati: Non trasmettere dati personali (nessuna email, nessun nome, nessun indirizzo). Rispettare il consenso.

Checklist rapida per sistema

• Negozi personalizzati: Inserire lato server le variabili (nome/prezzo/totale) nello script inline.
• Shopify: Incorporare snippets nei template (product.liquid, cart.liquid); per AddToCart agganciarsi al callback AJAX.
• Shopware/Magento: Nel tema/plugin agganciarsi ai rispettivi eventi/hook (pagina prodotto, pagina carrello, eventi di aggiunta).

Riferimento: Varianti minimali

Visualizza prodotto (minimo)
trackboxx('Acquisto', [
{ type: Visualizza il prodotto },
{ type: 'prodotto', nome: Nome prodotto 1, prezzo: 19.99 }
]);Lingua del codice: JavaScript (javascript)

ViewCart (minimo)
trackboxx('Acquisto', [
{ type: ViewCart' },
{ type: 'carrello', importo: 19.99 }
]);Lingua del codice: JavaScript (javascript)

AddToCart (minimo)
trackboxx('Acquisto', [
{ type: AddToCart' },
{ type: 'prodotto', nome: Nome prodotto 1, prezzo: 19.99 }
]);Lingua del codice: JavaScript (javascript)