L’evento trackTransaction (monitoraggio Transazioni)

Lo snippet deve essere installato nella pagina di conferma dell’ordine per monitorare i prodotti acquistati dagli utenti. Nell’implementare lo snippet nella pagina di Conferma dell’ordine, sarà necessario trasferire dinamicamente ID, prezzi e quantità dei prodotti acquistati dall’utente, l’ID ordine/transazione, i parametri email.

Questo snippet dovrà essere inserito dopo il loader.

Tiene traccia di una trasazione completa (ordine, booking etc.). Ciò consentirà il tracciamento delle conversioni oltre ad intercettare la consegna delle offerte attraverso uno dei touchpoints disponibili: web, mail o bulk. Per i touchpoint Web è possibile impostare touchpointType: “web” e chiamerà implicitamente triggerWebTouchpoint.

<script>
window._trx.push(
    {
        event: 'trackTransaction',
        transaction: {
            id: 'xxxxx', // Codice ordine
            total: xxx.xx, // Required
            currency: 'EUR' // EUR by default
        },
        // E' possibile omettere interamente l'oggetto customer se il sito non dispone di un opt-in dedicato alla cessione del dato a terzi
        customer: {
            firstName: 'nome', // Facoltativo
            lastName: 'cognome', // Facoltativo
            email: 'indirizzo@email.com', // Facoltativo
            optin: false // Facoltativo - se false i dati passati verranno scartati
        },
        // touchpointId: 123, // Mostra sempre il touchpoint indicato
        touchpointType: 'auto' // auto, web, mail
    }
);
</script>

<!-- Solo per i publisher - Indica il punto in cui mostrare il banner o gli annunci -->
<div id="tr_touchpoint_container"></div>

Elenco categorie disponibili:

Touchpoint web o auto

Se utilizzi il touchpoint web dovrai specificare dove vuoi che vengano mostrate le offerte nella tua pagina perciò dovrai inserire un <div id="tr_touchpoint_container"></div> nel punto desiderato.

Nel caso si utilizzi un touchpoint web in versione banner, è possibile scegliere due layout: orizzontale (default) oppure verticale.

Aggiungendo la classe tr-touchpoint-layout-vertical nel <div> in questo modo:
<div id="tr_touchpoint_container" class="tr-touchpoint-layout-vertical"></div>
il banner avrà layout verticale: