1000 FAQ, 500 tutorial e video esplicativi. Qui ci sono delle soluzioni!
Trigger per Facebook Pixel e tag di Google New Shop
Questa guida ti fornisce l'elenco dei trigger da utilizzare per collegare un tracker di tipo Google Tags e Facebook Pixel dal tuo sistema di biglietteria Infomaniak.
Questi trigger devono essere inseriti nella sezione HEAD delle opzioni avanzate del tuo negozio. Per ulteriori informazioni su questo argomento, consulta la guida sull'inserimento dei codici HTML nella tua biglietteria.
Esempi di Google Tags e Facebook Pixel
Documentazione esterna per Facebook Pixel
Esempio del codice da inserire nella biglietteria per Facebook Pixel:
!function(f,b,e,v,n,t,s){
if(f.fbq)return;
n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;
n.version='2.0';
n.queue=[];
t=b.createElement(e);
t.async=!0;
t.src=v;
s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)
}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
document.addEventListener("ike_event_view", function( e ) {
fbq('init', '14085424191xxxxx');
fbq('track', "PageView");
fbq('track', 'InitiateCheckout');
});
document.addEventListener("ike_cart_payment_launched", function( e ) {
fbq('init', '14085424191xxxxx');
fbq('track', "PageView");
fbq('track', 'Purchase', {value: e.detail.topaid, currency: e.detail.currency.name});
});
Esempio di Google Analytics con gtag.js :
Documentazione esterna :
- https://developers.google.com/analytics/devguides/collection/gtagjs/
- https://developers.google.com/analytics/devguides/collection/gtagjs/events
Esempio del codice da inserire nella biglietteria per Google Tags :
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxxx-x');
document.addEventListener("ike_event_view", function( e ) {
gtag('event', 'view_item', {
'event_category' : e.name,
'event_label' : e.date
});
});
document.addEventListener("ike_cart_add", function( e ) {
gtag('event', 'add_to_cart');
});
document.addEventListener("ike_cart_confirm", function( ) {
gtag('event', 'checkout_progress', {
'event_category' :'valid cart'
});
});
document.addEventListener("ike_cart_payment_launched", function( e ) {
gtag('event', 'add_payment_info', {
'event_category' : 'payment',
'event_label' : e.detail.currency.name,
'value': e.detail.topaid
});
});
Lista completa dei trigger :
Pagina principale:
Trigger : ike_home_view
Dati : nessuno
//invia alla tua ferramenta di tracciamento
});
Pagina dell'evento:
Pagina di un evento con più date
Trigger : ike_event_view
Dati : detail.name
console.log(e.detail.name);
//invia alla tua ferramenta di tracciamento
});
Pagina della data:
Pagina di una data di un evento
Trigger : ike_date_view
Dati : detail.name, detail.date
document.addEventListener("ike_date_view", function(e) {
console.log(e.detail.name, e.detail.date);
//invia alla tua ferramenta di tracciamento
});
Pagina del pass:
Pagina di una categoria di pass
Trigger : ike_abo_view
Dati : detail.name
console.log(e.detail.name);
//invia alla tua ferramenta di tracciamento
});
Pagina di selezione del pass:
Pagina di selezione delle date del pass
Trigger : ike_abo_selection
Dati : detail (dati del carrello)
console.log(e.detail.name, e.detail.date);
//invia alla tua ferramenta di tracciamento
});
Login utente:
Attivato in caso di successo del login
Trigger : ike_user_login
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Logout utente:
Trigger : ike_user_logout
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Aggiungi al carrello:
Attivato quando un elemento viene aggiunto al carrello
Trigger : ike_cart_add
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina del carrello:
Trigger : ike_cart_view
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Aggiornamento del carrello:
Attivato quando un elemento del carrello viene aggiornato
Trigger : ike_cart_update
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Svuotare il carrello:
Attivato quando si preme il pulsante di svuotamento
Trigger : ike_cart_empty
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Conferma del carrello:
Attivato quando si preme il pulsante di conferma
Trigger : ike_cart_confirm
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina di consegna del carrello:
Trigger : ike_cart_delivery_view
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina del modulo del carrello:
Trigger : ike_cart_form_view
Dati : detail (dati del carrello)
document.addEventListener("ike_cart_form_view", function(e) {
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina di pagamento del carrello:
Trigger : ike_cart_payment_view
Dati : detail (dati del carrello con paymentMethodSelected)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Cambio di pagamento del carrello:
Trigger : ike_cart_payment_changed
Dati : detail.path
document.addEventListener("ike_cart_payment_changed", function(e) {
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagamento del carrello avviato:
Trigger : ike_cart_payment_launched
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina di successo del pagamento del carrello:
Trigger : ike_cart_payment_success
Dati : detail (dati del carrello)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Eliminare un elemento del carrello:
Trigger : ike_cart_delete
Dati : detail (previosCart e newCart)
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Pagina cambiata:
Trigger : ike_page_changed
Dati : detail.path
console.log(e.detail);
//invia alla tua ferramenta di tracciamento
});
Ulteriori informazioni
- Guida all'avvio: Vendita biglietti
- Personalizzare il sistema di vendita di biglietti con codici HTML, CSS e JS