Tutorial di Google Tag Manager Parte 3: monitoraggio degli invii dei moduli - Aggiornamento 2020

Nella parte 2 del nostro tutorial aggiornato di Google Tag Manager, abbiamo trattato il monitoraggio dei link di download. Se te lo sei perso, potresti iniziare da qui . In questa terza parte, daremo un'occhiata più da vicino a un argomento molto popolare: l' invio di moduli . La maggior parte dei professionisti del marketing sarà interessata a monitorarlo poiché l'obiettivo di molte campagne è generare lead tramite moduli di contatto e quindi queste sono le conversioni che misurano il successo di una campagna.

Google Analytics non tiene traccia automaticamente di questa attività, ma Google Tag Manager (GTM) offre una soluzione automatizzata per il monitoraggio degli invii dei moduli.

In questo tutorial, supponiamo che tu abbia già un account Google Tag Manager, che abbia creato un contenitore e che lo abbia installato sul tuo sito web. Dovresti anche avere un account Google Analytics configurato per il tuo sito web e averlo collegato a GTM.

Imposta il monitoraggio dell'invio del modulo seguendo i passaggi seguenti.

Passaggio 1: trova un identificatore univoco

Ti mostreremo come configurarlo utilizzando l'esempio di un modulo di contatto. I passaggi seguenti descrivono il processo generale e indicano quali parti devono essere modificate per il tuo sito Web specifico.

Il primo passo è trovare qualcosa che ti aiuti a identificare il tuo modulo. Lo faremo esaminando l'elemento HTML del modulo e decidendo cosa aiuterà a identificare in modo univoco questo modulo.

Per controllare il modulo sul tuo sito web, fai clic con il pulsante destro del mouse per accedere agli strumenti di sviluppo del tuo browser. (In Chrome, ad esempio, fai clic con il pulsante destro del mouse sull'elemento che desideri ispezionare e seleziona "Ispeziona".) Questo ti mostrerà vari attributi univoci per il modulo, ad esempio il suo contenuto, la classe CSS e altri elementi.

Nel nostro esempio qui sotto, puoi vedere che il modulo ha un modulo di contatto id. Un id è un identificatore adatto che è tipicamente univoco per l'elemento e non utilizzato in nessun'altra parte del sito web. Se il tuo modulo non ha un ID univoco, puoi anche utilizzare le classi del modulo, l'URL della pagina dell'azione del modulo o il testo del modulo per identificare questo particolare modulo. L'uso di id o classi è il più semplice, quindi ti consigliamo di utilizzarli se possibile.

Come ultima risorsa, puoi semplicemente utilizzare l'URL della pagina su cui si trova il modulo per identificarlo, ma fai attenzione. Se nella pagina è presente un altro modulo, ad esempio una casella di ricerca, questo modulo potrebbe attivare l'evento del modulo di contatto.

Passaggio 2: abilita la variabile modulo incorporata

Per la configurazione del tag evento, sarà necessaria la variabile integrata ID modulo (o Classi modulo se il modulo ha una classe univoca). Se non hai mai usato questa variabile prima, devi selezionarla e abilitarla. Per farlo, vai su Variabili nell'interfaccia di GTM e nella sezione Variabili integrate fai clic su Configura . Scorri fino alle varie variabili modulo e metti un segno di spunta per ID modulo .

Passaggio 3: creare il trigger di invio del modulo

Questo trigger definisce cos'è esattamente l'invio di un modulo di contatto. Ascolta gli invii di moduli su particolari pagine del tuo sito Web e controlla se soddisfano le condizioni che hai impostato specificamente per il tuo modulo di contatto.

Per l'impostazione del trigger, attenersi alla seguente procedura:

• Vai a Trigger nella barra laterale di sinistra e creane uno nuovo.
• Sostituisci Untitled Trigger con un nome descrittivo come Invio modulo – Modulo di contatto .
• Scegli il tipo di trigger: invio del modulo . Questo ascolterà i moduli inviati.

Per la configurazione del trigger, imposterai:

• Non spuntare la casella Attendi Tag . Non è consigliabile utilizzare questa opzione per impostazione predefinita con i moduli, poiché può interrompere l'invio dei moduli. Può essere utilizzato se testato a fondo.
• Spuntare la casella di controllo Verifica convalida . Questo verifica che il modulo sia effettivamente inviato.
• Abilita quando:
  • Il percorso della pagina contiene il contatto .

Ciò abilita il trigger sulle pagine che hanno un contatto nel percorso, ad esempio https://amazeemetrics.com/contact. Dovresti cambiarlo per abilitare il trigger sulla pagina o sulle pagine del tuo sito web che contengono il modulo di contatto. Se necessario, puoi anche abilitare il trigger su tutte le pagine.

• Accendi:
  • Seleziona le opzioni: ID modulo è uguale a modulo di contatto .

Questo utilizza la variabile che hai abilitato nel passaggio 2 e l'ID univoco che hai identificato nel passaggio 1 per specificare esattamente quale modulo vuoi monitorare come invio del modulo di contatto .

• Cambia l' ID modulo con l'identificatore che hai trovato nel passaggio 1 e la variabile corrispondente che hai abilitato nel passaggio 2.

Fare clic su Salva per finalizzare l'impostazione del trigger.

Passaggio 4: creare il tag dell'evento di invio del modulo

L'ultimo passaggio nel monitoraggio degli invii dei moduli è semplicemente la creazione di un tag che registrerà l'evento in Google Analytics con le informazioni desiderate. L'evento si attiva quando vengono soddisfatte le condizioni del trigger che hai impostato nel passaggio precedente. Ora, crea il tag mettendo insieme tutti i pezzi:

• Vai a > Tag > Nuovo per creare un nuovo tag
• Nominalo GA – Evento – Invio del modulo di contatto
• Per la configurazione dei tag, scegli Google Analytics: Universal Analytics come tipo di tag.
• Tipo di traccia: Eventi
• Categoria: Modulo di iscrizione
• Azione: inserire l' invio del modulo di contatto . Puoi rinominare la categoria e l'azione dell'evento in modo che corrispondano a qualsiasi convenzione di denominazione degli eventi che utilizzi.
• Etichetta: Invio riuscito . Questo è facoltativo e puoi modificarlo o lasciare il campo vuoto.
• Non-Interaction Hit: lascia l'impostazione predefinita false . Ciò significa che questo evento cambierà la tua frequenza di rimbalzo perché verrà conteggiato come un'interazione sul tuo sito.

Come ultimo passaggio, selezioni l'attivatore che hai creato nel passaggio 3 per attivare il tag quando viene soddisfatta una condizione specifica. Ecco una panoramica della configurazione finale:

Passaggio 5: salvare una versione, testare e pubblicare

Hai quasi finito! Il tag che hai appena creato non inizierà a funzionare finché non lo pubblichi ma, prima, dovresti testare accuratamente che funzioni come previsto. Dopo aver salvato il tag, abilita la modalità Anteprima (fai clic su Anteprima nell'angolo in alto a destra), vai al tuo sito Web e aggiorna la pagina.

Assicurati di coprire questi scenari di test per il monitoraggio dell'invio del modulo:

• Fare clic sul pulsante di invio senza aver compilato il modulo. Il tag non dovrebbe attivarsi in questo caso.
• Completa il modulo con i dettagli corretti e quindi fai clic su invia. Il tag dovrebbe attivarsi ora.

Il rapporto sugli eventi in tempo reale di Google Analytics dovrebbe visualizzare i risultati degli eventi se tutto funziona correttamente. Leggi il nostro post sul blog sui problemi di test di Google Tag Manager e su come risolverli in caso di problemi.

Se tutti i tuoi test hanno esito positivo, puoi fare clic sul pulsante Invia in GTM. Assegna a questa versione pubblicata un nome descrittivo come l' evento di invio del modulo di contatto aggiunto e fai clic su Pubblica .

Prossimo tutorial in arrivo

L'utilizzo del trigger di invio modulo è un approccio semplice per padroneggiare il monitoraggio dei moduli di contatto. Tuttavia, a seconda del modulo e della sua tecnologia, questo potrebbe non funzionare sempre. I moduli sono disponibili in molte forme e dimensioni, motivo per cui abbiamo pensato che fosse adeguato presentarti diverse tecniche di tracciamento in modo che tu sia flessibile.

Resta sintonizzato per il nostro prossimo post sul blog in cui tratteremo un approccio più avanzato per il monitoraggio dei moduli: il trigger di visibilità degli elementi.