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.
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.
window._trx.push(
{
event: 'trackTransaction',
transaction: {
id: 'xxxxx', // número de orden
subtotal: xxx.xx,
shipping: xxx.xx,
discount: xxx.xx,
total: xxx.xx, // requerido
coupon: 'xxx',
currency: 'EUR', // EUR por default
},
items: [
{id: x, price: xx.xx, quantity: x},
{id: x, price: xx.xx, quantity: x},
],
address: {
address: 'xxxxxx',
address2: 'xxxxxx',
city: 'xxxxx',
postalCode: 'xxxxx',
country: 'ES',
phone: 'xxxxxxxx',
phoneMobile: 'xxxxxxxxx',
},
customer: {
firstName: 'Xxxxx',
lastName: 'Xxxxxxx',
company: 'xxxxxxxx',
email: 'xxxxx@xxxx.xx',
birthDate: 'yyyy-mm-dd',
gender: 'x', // M o F
optin: xxxx // si los usuarios optan por recibir ofertas comerciales
},
// ejemplo de integración de ads directamente en la página web
touchpointType: 'auto',
}
);
<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.
Banner offerte
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: