Come configurare il tracciamento degli eventi di Google Analytics per un modulo d'iscrizione

Cosa imparerai

Scopri come configurare il tracciamento degli eventi di Google Analytics per i moduli d'iscrizione di Klaviyo, così da ottenere approfondimenti sulle azioni importanti degli utenti con i tuoi moduli. Puoi misurare l’attività dei moduli contrassegnando gli eventi di Klaviyo (ad es. form_open, form_close, form_submit) come conversioni in Google Analytics. Configura il tutto seguendo questa procedura in 2 passaggi:

1. Aggiungi uno snippet di codice al tuo sito web per inviare i dati del modulo d'iscrizione di Klaviyo a Google Analytics.
2. Contrassegna i tuoi eventi come conversioni in Google Analytics.

Prima di iniziare

Configurare il tracciamento degli eventi per i tuoi moduli d'iscrizione in Google Analytics richiede di incollare uno snippet di codice sul tuo sito. Se non ti senti a tuo agio a incollare codice e non hai uno sviluppatore che ti assista, Klaviyo ha una vasta rete di partner nel nostro directory dei partner. 

Tieni traccia delle iscrizioni inviate tramite un modulo Klaviyo

Puoi monitorare l'attività dei moduli d'iscrizione di Klaviyo in Google Analytics aggiungendo un event listener all'evento klaviyoForms e poi eseguendo diverse chiamate di tracciamento GA per ogni tipo di evento. Questo codice deve essere incollato nel file principale del tema del tuo sito.

• Se usi Shopify, incolla lo snippet nel file theme.liquid del tuo tema su una nuova riga sopra il tag di chiusura </body>. Tieni presente che, se utilizzi pagine prodotto personalizzate, potresti dover aggiungere questo snippet a un file tema diverso o alle singole pagine prodotto personalizzate.
• Se stai usando Shopify 2.0, aggiungi il codice a un blocco Liquid personalizzato.
• Se stai utilizzando BigCommerce, vai a Storefront > Footer Scripts dal pannello di Amministratore BigCommerce e incolla lo snippet nel riquadro del codice del footer su una nuova riga.

Di seguito trovi il codice generico per il tracciamento di tutti i tipi di evento klaviyoForms in Google Analytics. Questo codice deve essere utilizzato anche se usi gtag.js per caricare Google Analytics:

<script>
  window.addEventListener("klaviyoForms", function(e) { 
    if (e.detail.type == 'open' || e.detail.type == 'embedOpen') {
      gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'submit') {
      gtag('event', 'form_submit', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'stepSubmit') {
      gtag('event', 'form_step_submit', {'form': 'Klaviyo form', 'step_name': e.detail.metaData.$step_name});
    }
    if (e.detail.type == 'redirectedToUrl') {
      gtag('event', 'form_url_redirect', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'close') {
      gtag('event', 'form_close', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
  });
</script>

Se vuoi monitorare versioni o varianti diverse del modulo, modifica lo snippet di codice per

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId, 'form_version_id': e.detail.formVersionId })

con il form_id pertinente invece di

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId })

Se stai eseguendo il tracciamento degli invii dei moduli per un modulo in più passaggi, tieni presente che verrà attivato solo 1 evento submit ogni volta che il modulo viene compilato. L’evento di invio si attiverà nelle seguenti circostanze:

• Per i moduli con azioni di iscrizione via e-mail o SMS, l’invio di un’e-mail o di un numero di telefono attiva un evento di invio.
• Per i moduli che contengono sia campi e-mail sia campi SMS su più passaggi, l'invio di quello che compare per primo nel modulo attiva un evento di invio.
• Per i moduli senza un’azione di iscrizione a e-mail o SMS (ad es., un modulo che contiene solo campi di testo), facendo clic su un pulsante con Action impostato su Submit Form si attiva un evento di invio.

L'evento stepSubmit si attiverà quando ogni passaggio viene inviato.

Testa il codice di tracciamento

Dopo aver installato il codice di tracciamento sul tuo sito, puoi testarlo per assicurarti che i dati vengano tracciati. Per testare il codice:

1. Vai sul tuo sito web e interagisci con il modulo (ad esempio, invialo o chiudilo).
2. Apri Google Analytics e apri Report > In tempo reale.
3. In Event count by Event name, dovresti vedere una ripartizione dei dati tracciati dal tuo modulo. Le metriche per ogni evento devono riflettere un conteggio accurato in base all’azione che hai eseguito (ad esempio, se hai chiuso il modulo, lo vedrai riportato nel Conteggio eventi per form_close).

Se non vedi i tuoi eventi, assicurati che Google Analytics sia configurato correttamente e che lo snippet di codice che hai usato sia corretto. Nota anche che i tuoi eventi saranno visibili in Realtime solo per 30 minuti. Per maggiori dettagli, consulta [GA4] Report Realtime.

Configura gli eventi in modo che vengano contrassegnati come conversioni

Dopo aver configurato il tracciamento per i nuovi eventi di iscrizione in Google Analytics, puoi impostare gli eventi corrispondenti come conversioni per aiutarti a monitorare come gli utenti interagiscono con i tuoi moduli.

Dalla tabella Eventi esistenti in Google Analytics (Amministratore > Eventi), attiva l’interruttore Contrassegna come conversione per tutti gli eventi che vuoi monitorare. Se un evento non è nell'elenco esistente, dovrai creare un nuovo evento e contrassegnarlo come conversione. Se vuoi che il tuo evento venga contrassegnato come conversione solo quando viene soddisfatta una determinata condizione (ad esempio uno specifico ID del modulo), dovrai configurare una conversione in base ai valori dei parametri del tuo evento.

Quando contrassegni un evento come conversione, Google Analytics registrerà una conversione ogni volta che rileva il tuo event_name (ad esempio, form_open). Monitora le conversioni dai dati del modulo Klaviyo nel report sulle conversioni.

Risorse aggiuntive