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

Cosa imparerai

Scopri come inviare l'attività dei tuoi moduli d'iscrizione Klaviyo a Google Analytics 4 (GA4), inclusi le aperture, gli invii e le chiusure dei moduli. Puoi anche contrassegnare interazioni importanti, come form_submit, come eventi chiave in GA4. Segui questo processo 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 gli eventi che contano per la tua attività come eventi chiave in Google Analytics.

Prima di iniziare

Prima di aggiungere lo snippet, assicurati che un modulo Klaviyo sia attivo sul tuo sito web e che il tuo Google tag sia configurato per la tua proprietà GA4. Lo snippet utilizza gtag, che deve essere definito e configurato sulla pagina prima che si verifichino gli eventi del modulo. Questo snippet invia gli eventi del modulo a GA4; non installa Google Analytics.

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. 

Monitora l'attività dei moduli di Klaviyo

Puoi monitorare l’attività dei moduli Klaviyo in Google Analytics aggiungendo un listener per l’ evento klaviyoForms e inviando un evento GA4 per ogni interazione che vuoi misurare. Installa il listener una sola volta su ogni pagina in cui vuoi monitorare i moduli e assicurati che venga caricato prima dell’attività del modulo che vuoi acquisire.

• 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.
• In alternativa, se il tuo tema Shopify 2.0 ha una sezione o un blocco Liquid personalizzato, aggiungi lì lo snippet in ogni modello in cui compare il tuo modulo. Scegli un metodo di installazione per pagina per evitare di inviare eventi duplicati.
• Se utilizzi una vetrina BigCommerce Stencil, usa Script Manager per quella vetrina per aggiungere lo snippet al piè di pagina nelle pagine della vetrina.

Usa il seguente listener con gtag.js per inviare aperture dei moduli, invii, invii dei passaggi, reindirizzamenti URL e chiusure a 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', 'form_id': e.detail.formId, '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>

Salva le modifiche al tuo sito web, quindi segui i passaggi di test di seguito per confermare che il listener invia eventi alla tua proprietà GA4.

Per monitorare diverse versioni dei moduli o eseguire un test A/B sulle varianti, aggiungi form_version_id ai parametri di ogni chiamata gtag che vuoi confrontare. Ad esempio, usa questa chiamata nel ramo form_open:

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

Sostituisci la seguente chiamata invece di aggiungere una seconda chiamata. Mantieni form_id impostato su e.detail.formId in modo che il listener utilizzi il modulo che ha attivato l'evento:

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

Per confrontare le versioni nei report o nelle esplorazioni di GA4, crea una dimensione personalizzata con ambito evento per form_version_id. Usa lo stesso processo per altri parametri personalizzati su cui vuoi creare report, ad esempio step_name.

Per un modulo a più passaggi, il browser può inviare più di 1 evento submit durante una singola interazione con il modulo. Con lo snippet qui sopra, ciascuno di questi eventi invia un evento form_submit a GA4. L’evento di invio si attiva nelle seguenti circostanze:

• Per i moduli con azioni di iscrizione via e-mail o SMS, l’invio corretto di un indirizzo e-mail o di un numero di telefono attiva un evento di invio.
• Per i moduli che raccolgono iscrizioni a e-mail e SMS in passaggi separati, l'invio di ogni passaggio di iscrizione attiva un evento di invio. Ad esempio, l’invio del passaggio e-mail e poi del passaggio SMS invia 2 eventi form_submit a GA4.
• Per i moduli che contengono solo campi del profilo, come i campi di testo, il primo passaggio inviato che raccoglie questi campi attiva un evento di invio. Per inviare il passaggio, fai clic su un pulsante con Azione impostata su Invia modulo.

L’evento stepSubmit viene attivato quando viene inviato ogni passaggio. Lo snippet invia queste interazioni a GA4 come form_step_submit, con form_id e step_name, così puoi identificare il modulo e il passaggio.

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, seleziona la proprietà GA4 configurata per il tuo sito web e vai a Report > In tempo reale.
3. In Conteggio eventi per nome evento, cerca l’evento che corrisponde alla tua azione. Ad esempio, chiudere il modulo invia form_close. Seleziona l’evento per verificare che il parametro form sia Klaviyo form e che form_id corrisponda al modulo che hai testato. Per un modulo in più passaggi, verifica form_submit e form_step_submit mentre invii ciascun passaggio di iscrizione.

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.

Contrassegna gli eventi importanti dei moduli come eventi chiave

Dopo aver confermato che gli eventi del modulo arrivano a GA4, scegli quali interazioni sono abbastanza importanti da contrassegnare come eventi chiave. Ad esempio, scegli form_submit per misurare gli invii. Per completare la configurazione qui sotto, ti serve l’accesso come Editor o Amministratore.

1. In Google Analytics, vai a Amministratore > Visualizzazione dei dati > Eventi. Apri la scheda Eventi recenti e trova l'evento che vuoi contrassegnare, ad esempio form_submit.
2. Fai clic sull'icona a forma di stella accanto all'evento per contrassegnarlo come evento chiave.

Se il tuo evento non è ancora apparso, puoi contrassegnare un nuovo evento come evento chiave in anticipo. Usa il nome esatto inviato dallo snippet, ad esempio form_submit.

Per contare gli invii da un modulo specifico, crea un evento separato basato sui valori dei parametri con condizioni corrispondenti: event_name è uguale a form_submit e form_id è uguale all’ID di quel modulo. Assegnagli un nome evento univoco, poi contrassegna il nuovo evento come evento chiave.

GA4 conteggia gli eventi chiave in base al metodo di conteggio dell’evento: una volta per evento conteggia ogni occorrenza, mentre una volta per sessione lo conteggia una sola volta all’interno di una sessione. Rivedi i conteggi degli eventi chiave del modulo in Amministratore > Visualizzazione dati > Eventi nella scheda Eventi chiave.

Risorse aggiuntive