bookingkit invia tutti gli eventi di prenotazione principali al dataLayer del tuo sito tramite postMessage. Questo significa che puoi inoltrarli a Meta Pixel (Facebook Pixel) attraverso Google Tag Manager – senza dover incorporare un codice pixel separato nel widget di bookingkit.
Prerequisiti
Google Tag Manager (GTM) è installato su tutte le pagine del tuo sito, inclusa quella con il widget di bookingkit.
Il tuo GTM Container ID è salvato in bookingkit sotto Vendi → Configurazione checkout → Tracking.
Hai un Meta Pixel ID dal tuo account Meta Business Manager.
L'impostazione "Abilita reindirizzamento pagina di successo" è attiva in bookingkit (necessaria affinché l'evento purchase si attivi sul tuo dominio).
Come bookingkit invia gli eventi alla tua pagina Quando il widget di bookingkit è integrato tramite l'integrazione JavaScript standard (non come iFrame), comunica con la tua pagina tramite postMessage. GTM raccoglie questi eventi dal dataLayer e può inoltrarli a qualsiasi tag, incluso Meta Pixel.
Importante: se il widget è incorporato come iFrame, gli eventi postMessage potrebbero non raggiungere in modo affidabile il dataLayer della tua pagina principale, specialmente su alcuni browser mobile. Usa l'integrazione JavaScript standard per garantire il tracciamento completo degli eventi.
Passo 1 – Installa il codice base di Meta Pixel tramite GTM
In GTM, vai su Tag → Nuovo.
Scegli HTML personalizzato come tipo di tag.
Incolla il tuo codice base di Meta Pixel (disponibile in Meta Events Manager → Aggiungi nuova sorgente dati → Web).
Imposta il trigger su Tutte le pagine.
Assegna un nome al tag (es. "Meta Pixel – Codice base") e salvalo.
Passo 2 – Crea i trigger per gli eventi di bookingkit bookingkit invia i seguenti eventi GA4 di e-commerce al dataLayer: page_view, add_to_cart, add_payment_info e purchase. Per usarli come trigger GTM:
In GTM, vai su Trigger → Nuovo.
Scegli Evento personalizzato come tipo di trigger.
Inserisci il nome esatto dell'evento (es. purchase) nel campo Nome evento.
Salva il trigger.
Ripeti per ogni evento che vuoi tracciare (es. add_to_cart, add_payment_info).
Passo 3 – Crea i tag evento di Meta Pixel
In GTM, vai su Tag → Nuovo.
Scegli HTML personalizzato come tipo di tag.
Aggiungi il codice evento Meta Pixel per l'evento corrispondente. Esempio per un acquisto:
fbq('track', 'Purchase', {value: {{dlv - value}}, currency: {{dlv - currency}}});Imposta il trigger sul trigger Custom Event di bookingkit creato al passo 2.
Assegna un nome al tag (es. "Meta Pixel – Purchase") e salvalo.
Ripeti per altri eventi (es. AddToCart).
Passo 4 – Pubblica e testa
Clicca su Invia in GTM e pubblica il container.
Usa la modalità Anteprima di GTM per verificare che i tag Meta Pixel si attivino nei passaggi corretti (visualizzazione widget, aggiungi al carrello, acquisto).
Usa l'estensione browser Meta Pixel Helper per confermare che gli eventi vengano ricevuti in Meta.
Risoluzione dei problemi
L'evento purchase non si attiva: verifica che "Abilita reindirizzamento pagina di successo" sia attivo in bookingkit. Senza questa impostazione, l'evento purchase potrebbe non raggiungere il dataLayer del tuo dominio.
Eventi mancanti su mobile: controlla che il widget sia integrato tramite JavaScript (non iFrame). Le integrazioni iFrame bloccano la comunicazione postMessage su alcuni browser mobile.
Eventi duplicati: rimuovi eventuali codici pixel incorporati direttamente nel tuo sito – usa solo la versione gestita tramite GTM per evitare il doppio conteggio.