resmio » Guida » Integrazione »
IMPOSTAZIONE PER ESPERTI Per misurare il successo delle tue campagne di marketing online per qualsiasi ristorante, abbiamo creato la possibilità di tracciare il widget di prenotazione di resmio tramite il Google Tag Manager (in breve: GTM).
resmio invia eventi specifici nel widget al Data Layer.
Tramite i trigger impostati nel GTM, puoi inoltrare i segnali elaborati, ad esempio, a Google Analytics (GA4) e seguire così le varie fasi: dal caricamento della landing page (es. pagina della sede) alla prima interazione dell’utente con il widget, fino alla prenotazione.
Assicurati di aver completato i seguenti preparativi:
Il tracking GTM è disattivato di default. Puoi attivare questa funzione in 
Impostazioni > Integrazioni > Marketing. Le agenzie sono pregate di contattare direttamente i propri clienti della ristorazione.
Il widget di resmio (come iFrame incorporato) comunica in modo sicuro tramite postMessage con il sito web in cui è integrato.
Attualmente inviamo i seguenti eventi a GTM:
widget_interaction_started
Si attiva alla prima interazione dell’utente con il widget (es. tocco sull’orario di prenotazione, selezione del numero di persone, apertura del calendario)
reservation_step_2_started
Si attiva quando si passa alla schermata di checkout (inserimento dei dati di contatto)
reservation_completed
Si attiva al completamento con successo di una prenotazione online
Inviamo tutti gli eventi sopra menzionati al Data Layer con un timestamp.
I dati trasmessi includono sempre:
2025-12-05T12:23:35.430Zil-mio-nome-ristorantehappy_hourPuoi inoltrare questi dati (opzionale) ad esempio a GA4 per l’analisi.
Abbiamo implementato Google Tag Manager, GA4 e un widget di esempio sul nostro sito web demo resmio Steakhouse (un ristorante fittizio).
Tutti gli eventi del widget intercettati vengono inoltre registrati nella console del browser.
Come primo passo, dobbiamo configurare il cosiddetto tag Listener nel GTM.
Il suo compito è indicare a Google Tag Manager di attendere eventi specifici e di inviare determinati dati (ad esempio allo strumento di analisi GA4) quando si verificano le azioni predefinite.
Ecco come procedere:
<script>
window.addEventListener('message', function(e) {
if (!e.data || e.data.event !== 'resmio_widget_action') return;
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: e.data.step, // 'widget_interaction_started', 'reservation_step_2_started', 'reservation_completed'
timestamp: e.data.timestamp,
facility_id: e.data.facility_id,
promotion: e.data.promotion
});
});
</script>
Il codice dovrebbe apparire come nello screenshot qui sopra. In questo modo il listener rimarrà attivo sulla pagina intercettando tutti gli eventi postMessage del widget.
Come attivatore (trigger) seleziona Tutte le pagine.
Non dimenticare di salvare il tuo tag HTML personalizzato.
Ora abbiamo bisogno di un trigger di evento personalizzato dedicato per ogni passaggio della canalizzazione (funnel).
Nella nostra configurazione servono complessivamente 3 trigger per 3 tag GA4 personalizzati, die wir darauffolgend noch mit den Auslösern verknüpfen.
widget_interaction_started
Si attiva alla prima interazione dell’utente con il widget
reservation_step_2_started
Si attiva quando si passa alla schermata di checkout (inserimento dei dati di contatto)
reservation_completed
Si attiva al completamento con successo di una prenotazione online
Ecco come procedere:
Una volta creati tutti i trigger, puoi generare i rispettivi tag personalizzati per GA4 (o a scelta per Meta, TikTok, ecc.) e collegarli infine ai trigger nel Google Tag Manager.
Di seguito mostriamo una configurazione di esempio per Google Analytics 4.
Ecco come procedere:
Ecco come potrebbe apparire la tua configurazione finale del tracking per GTM e resmio:
Non dimenticare di pubblicare tutte le modifiche su GTM per renderle effettive. Fai clic su Invia nella barra in alto a destra.
(Passaggio facoltativo) Tramite gli eventi del widget trasmettiamo dati aggiuntivi, che puoi ad esempio inoltrare a GA4.
2025-12-05T12:23:35.430Znome-del-mio-ristorantehappy_hourPer utilizzare i dati per le tue analisi in GA4, hai bisogno di…
Ecco come procedere:
DLV - facility_id, Nome variabile livello dati facility_id. Salva la variabile.promotion e timestamp
Sobald die Variablen im Google Tag Manager angelegt wurden, musst du diese nur noch mit den korrespondierenden GA4-Tags verknüpfen (wie auf dem Screenshot oben illustriert).
In unserem beispielhaften Set-up verbinden wir die Datenschichtvariablen mit allen drei GA4-Tags.
Ecco come procedere:
facility_id con valore {{DLV - facility_id}}promotion con valore {{DLV - promotion}}timestamp con valore {{DLV - timestamp}}Salva le modifiche e ripeti i passaggi per i rimanenti tag GA4.
Infine, per GA4 abbiamo bisogno di dimensioni personalizzate adeguate, affinché Google Analytics possa salvarle, analizzarle e visualizzarle nei rapporti. Il motivo è che GA4 non è in grado di tracciare i dati aggiuntivi dei widget “out of the box”. Dobbiamo prima insegnare a GA4 questi parametri di evento.
Ecco come creare dimensioni personalizzate in GA4:
facility_idAl termine della configurazione, consigliamo di testare il tracking sia in Google Tag Manager sia in GA4.
Dopo aver inviato le modifiche a GTM:
I segnali del widget vengono trasmessi correttamente da GTM a GA4?
Ottimo! Con questi dati puoi ora impostare un funnel, ad esempio tramite le Esplorazioni, e monitorare così i singoli passaggi dell’interazione utente: dalla visualizzazione della pagina fino al completamento della prenotazione.
Ecco come fare:
Devi caricare il contenuto da reCAPTCHA per inviare il modulo. Si prega di notare che in questo modo si condividono i dati con provider di terze parti.
Ulteriori informazioniStai visualizzando un contenuto segnaposto da Turnstile. Per accedere al contenuto effettivo, clicca sul pulsante sottostante. Si prega di notare che in questo modo si condividono i dati con provider di terze parti.
Ulteriori informazioniStai visualizzando un contenuto segnaposto da Facebook. Per accedere al contenuto effettivo, clicca sul pulsante sottostante. Si prega di notare che in questo modo si condividono i dati con provider di terze parti.
Ulteriori informazioniStai visualizzando un contenuto segnaposto da GetResponse. Per accedere al contenuto effettivo, clicca sul pulsante sottostante. Si prega di notare che in questo modo si condividono i dati con provider di terze parti.
Ulteriori informazioniStai visualizzando un contenuto segnaposto da Instagram. Per accedere al contenuto effettivo, clicca sul pulsante sottostante. Si prega di notare che in questo modo si condividono i dati con provider di terze parti.
Ulteriori informazioni
