Monitoraggio degli eventi del modulo con Google Tag Manager
Pubblicato: 2021-07-19Se stai cercando un modo semplice per impostare il monitoraggio degli eventi per monitorare le conversioni sul tuo sito web, potresti prendere in considerazione l'utilizzo di Google Tag Manager.
In questo post spiegherò Google Tag Manager, ti farò sapere come installarlo e descriverò come impostare il monitoraggio degli eventi dei moduli sul tuo sito.
Che cos'è Google Tag Manager?
Google Tag Manager (GTM) è uno strumento gratuito che semplifica l'aggiunta e l'aggiornamento dei tag dei siti Web da parte di webmaster e professionisti del marketing. Esistono molti modi per utilizzare GTM, ma la maggior parte delle aziende lo utilizza per il monitoraggio degli eventi come mezzo per misurare il successo della propria strategia di marketing digitale. Per una spiegazione più approfondita di GTM, dai un'occhiata al nostro post sul blog introduttivo.
Perché utilizzare GTM per il monitoraggio degli eventi?
GTM ti dà il pieno controllo dei tuoi tag evento. Puoi aggiungerli al tuo sito senza dover chiedere al tuo sviluppatore di eseguire alcun hard coding. Ciò libererà il loro tempo per lavorare su altri progetti critici.
GTM ti consente anche di modificare e testare tu stesso il monitoraggio degli eventi, il che ovviamente rende il processo molto più semplice.
Inoltre, stiamo assistendo a un numero crescente di siti Web in cui i moduli vengono creati utilizzando JavaScript. Questi siti non utilizzano URL di destinazione, il che significa che non puoi utilizzare obiettivi semplici in Analytics. Per rendere la gestione del tuo sito web a prova di futuro, è una buona idea prendere in considerazione l'idea di fare i conti con GTM.
Installazione di GTM
L'installazione di GTM è molto simile alla configurazione di Google Analytics:
- Accedi a Google Tag Manager utilizzando il tuo account Google, idealmente lo stesso che utilizzi per Analytics. Quindi segui i passaggi sullo schermo:
Crea un account su Google Tag Manager - Leggi e accetta i termini e le condizioni. Ti verrà quindi fornito il codice di installazione. Dovrai aggiungere questo codice a ogni pagina del tuo sito, subito dopo il tag di apertura <body>. Se non puoi farlo da solo, il tuo sviluppatore dovrebbe essere in grado di aiutarti:
Incolla il codice GTM su ogni pagina del tuo sito web
Questo è tutto. Hai impostato un contenitore Tag Manager sul tuo sito. Questo contenitore alla fine conterrà tutti i tag che crei nella dashboard di GTM.
Descriverò ora come impostare il monitoraggio degli eventi utilizzando GTM. Per questo, dovrai abilitare diverse variabili integrate all'interno di pagine, clic e moduli. Questi non sono abilitati per impostazione predefinita quando configuri GTM. Quindi, prima di iniziare, vai alle variabili e controlla le seguenti opzioni:
Monitoraggio degli eventi del modulo Form
Il monitoraggio dell'invio del modulo ti consente di monitorare quando i visitatori inviano un modulo sul tuo sito web. Potrebbe trattarsi di un modulo di contatto nella pagina dei contatti o di un modulo di richiesta a piè di pagina. Quasi tutti i siti web hanno un modulo, quindi questo è un buon modo per fare i conti con Tag Manager.
È relativamente facile impostare il monitoraggio degli eventi utilizzando GTM, poiché puoi utilizzare i tag già incorporati nell'interfaccia di GTM. Una conoscenza di base del codice HTML è utile, ma questa guida ti spiegherà tutto ciò che devi sapere.
Non preoccuparti, è impossibile danneggiare il tuo sito web utilizzando Tag Manager e puoi testare tutto prima di pubblicare i tag.
Facciamolo!
Passaggio 1 — Identifica l'URL
Prendi nota dell'URL in cui si trova il tuo modulo:
Se hai un modulo su più di una pagina, ad esempio un modulo di richiesta nel footer, devi solo conoscere il dominio. In questo caso, stiamo usando hallam.co.uk .
Passaggio 2: identificare l'ID del modulo
Trova l'ID modulo per il pulsante di invio. Se stai utilizzando Google Chrome o Firefox, puoi farlo facendo clic con il pulsante destro del mouse sul modulo e selezionando "ispeziona elemento". Devi cercare l'attributo 'id' nel <form>. Ecco un esempio di come potrebbe essere:
Suggerimento : premendo ctrl + f all'interno dell'ispettore puoi cercare cose.
Nota : se non esiste un ID univoco per il modulo, potrebbe essere necessario chiedere allo sviluppatore di aggiungerne uno. Tuttavia, se il tuo sito Web utilizza un plug-in per moduli come il modulo di contatto 7 per WordPress, puoi aggiungere tu stesso un ID.
Passaggio 3: creare un trigger Tri
In GTM, crea un nuovo trigger e assegnagli un titolo che lo renderà più facile da identificare in seguito. Qualcosa come "invio modulo di richiesta" o "invio modulo pagina di contatto" andrà bene.
In Scegli evento, seleziona l'invio del modulo:
Fare clic su continua e quindi selezionare "Attendi tag" e "Verifica convalida" per garantire che il trigger venga attivato per l'invio di moduli (validi) riusciti:
Fare clic su continua e immettere il percorso dell'URL annotato in precedenza:
Se il modulo si trova su più pagine, puoi impostare il trigger in modo che si attivi sulle pagine che contengono il tuo dominio:
Fare clic su continua e quindi selezionare "Alcuni moduli":
Per finalizzare il tuo trigger, aggiungi l'ID modulo che hai annotato in precedenza (non utilizzare il mio ID modulo!):
Ora hai specificato le condizioni necessarie affinché il tuo Trigger si attivi. Successivamente, creeremo un tag.
Passaggio 4: creare un tag
Crea un nuovo tag di Universal Analytics. Questo tag invierà le informazioni sull'evento a Google Analytics. Ancora una volta, assicurati di dargli un nome memorabile:
Aggiungi il tuo ID di monitoraggio di Google Analytics nel campo successivo:
Quindi inserisci il tipo di traccia come un evento e determina i parametri di tracciamento per categoria ed etichetta:
Se lo stai configurando per un modulo che si trova su più pagine, come in questo esempio, fai clic sulla casella a destra dell'etichetta e seleziona {{Percorso pagina}} dal menu a discesa. In questo modo potrai vedere da quale pagina è stato attivato l'evento di invio del modulo nei rapporti sugli eventi di Analytics:
In "Non-Interaction Hit", puoi selezionare true o false. L'hit di non interazione è un parametro che ti consente di decidere se l'evento attivato influisce o meno su metriche come la frequenza di rimbalzo . Ad esempio, se hai una pagina in cui un video viene riprodotto automaticamente, dovresti selezionare "vero". In caso contrario, chiunque arrivi a quella pagina attiverebbe un evento e la frequenza di rimbalzo sarebbe zero.
Per il monitoraggio dell'invio del modulo, consiglio di selezionare "falso", in particolare se il modulo che stai monitorando si trova su una pagina di destinazione in cui il visitatore vede tutte le informazioni di cui ha bisogno e compila il modulo di richiesta. Dopotutto, anche se non visualizzano un'altra pagina sul tuo sito Web, hanno interagito e completato l'azione desiderata, quindi dovrebbe essere un successo di interazione:
Quindi, fai clic su continua e seleziona "altro" sotto "accendi". Seleziona "modulo" e quindi vai al trigger che hai creato in precedenza:
Fai clic su "crea tag" e il tag finito avrà un aspetto simile a questo:
Passaggio 5 — Prova
Vai alla modalità di anteprima e debug per verificare se il tuo nuovo monitoraggio degli eventi funziona:
Nello stesso browser, apri una nuova scheda e accedi al tuo sito web, dove Tag Manager aprirà la modalità di debug per te. Da qui puoi visualizzare l'anteprima del tuo contenitore e ti dirà quali tag sono stati o non sono stati attivati sulla tua pagina:
Nell'esempio sopra, nessuno di questi tag è stato attivato sulla mia pagina, inclusi gli invii del modulo di richiesta. Ora posso testare il modulo direttamente sulla pagina e vedere se il tag corretto si sposta su "tag attivati su questa pagina":
Passaggio 6 — Pubblica
Dopo aver verificato il funzionamento del tag, torna alla dashboard di GTM e pubblica la tua versione. Ricorda, puoi rinominare le versioni e tornare alle versioni se la versione successiva non funziona:
Ta-da : il tuo nuovo tag di monitoraggio degli eventi e trigger è ora attivo.
Ottimizzazione della forma
Potresti voler migliorare i moduli sul tuo sito per aumentare le conversioni. Puoi utilizzare GTM per tenere traccia di ogni campo del modulo per scoprire cosa deve essere testato e migliorato. In alternativa, puoi utilizzare un servizio come Hotjar per fornirti un'analisi utile dell'imbuto per l'ottimizzazione del tasso di conversione.
Conclusione
Se desideri migliorare l'efficienza e rimuovere i mal di testa dei test quando si tratta di impostare il monitoraggio degli eventi, ti consiglio vivamente di utilizzare Google Tag Manager.
Ho scoperto che quando gli sviluppatori sono impegnati a lavorare su progetti più grandi in corso su un sito Web, apprezzano questa decisione in quanto libera loro tempo. A un livello base, puoi utilizzare i tag integrati in Tag Manager e le funzioni di controllo della versione e modalità di debug ti consentono di testare tutto da solo.
Se hai utilizzato Google Tag Manager per implementare il monitoraggio degli eventi del modulo utilizzando questa guida, ci piacerebbe saperne di più nei commenti qui sotto. In alternativa, contattami su Twitter @Digital_Kym.
Se hai bisogno di aiuto non esitare a contattarci.