Molto spesso risulta utile all’interno di una landing page o un sito web in generale, soprattutto nella navigazione di un sito web da dispositivi mobile, rendere cliccabile un numero di telefono in modo tale che l’utente, cliccandoci sopra, possa far partire direttamente la chiamata. Per trasformare in link un numero di telefono è sufficiente utilizzare un semplice tag html
es: <a href=â€tel:+3901234445556â€>+3901234445556</a>
Implementandolo in questo modo il numero di telefono, risulterà nella vostra pagina come un classico link ad una risorsa, con la differenza che quando un utente ci clicca sopra fa partire direttamente la chiamata, senza la scomodità di effettuare un copia e incolla.
Sarebbe quindi molto interessante poter tenere traccia del numero degli utenti che cliccano sul numero di telefono.
Vediamo quindi come tracciare questo evento con Google Universal Analytics e la nuova versione di Google Tag Manager V2.
Se in passato ti è già capitato di monitorare questo tipo di evento con la vecchia versione di Google Tag Manager, avrai notato che nella nuova versione (V2) le cose sono un po’ cambiate. La prima differenza che noterai oltre all’interfaccia grafica è la mancanza delle due voci “Regole†e “Macro†che nella nuova versione prendono rispettivamente il nome di “Attivatori†e “Variabiliâ€.
Per tracciare le telefonate con Google Tag Manager V2 i passaggi necessari sono semplicemente 2:
- Creare un Attivatore per riconoscere il click sul numero di telefono
- Creare un nuovo tag per creare un evento in Google Universal Analytics quando l’utente clicca sul numero di telefono
1. Attivatore per riconoscere il click sul numero di telefono
Il primo step è quello di creare un attivatore che permetterà di capire quando l’utente effettua un clic su un link all’interno della pagina ed in particolare sul numero di telefono.
Spostiamoci quindi nella sezione “Attivatori†e clicchiamo su “Nuovoâ€.
- Nome:Â Click a numero di telefono
- Scegli Evento: “Clicâ€
- Configura attivatore:  selezionare “Solo link†dal menu a tendina Target e togliere la spunta alle due voci “Attendi i tag†e “Verifica Convalidaâ€
- Attiva su:Â Element Url -> Contiene -> tel:
Per terminare cliccare sul pulsante in basso “Salva Attivatoreâ€
2. Evento Google Universal Analytics quanto l’utente effettua la chiamata
A questo punto non rimane altro che creare un nuovo tag che trasformi l’azione del clic (rilevata tramite l’attivatore appena creato) in un evento in Google Universal Analytics.
Spostiamo quindi nella sezione “Tag†e clicchiamo su “Nuovoâ€.
- Nome:Â Evento Telefonata Universal Analytics
- Scegli Prodotto:Â Google Analytics
- Scegli un tipo di tag:Â Universal Analytics
- Configura tag:
ID monitoraggio: UA-xxxxxxx
Tipo di monitoraggio: Evento
Categoria: Click
Azione: Phone Call
Etichetta: {{Element Url}}
NB: utilizzando la variabile {{Element Url}} riusciamo a far comparire nel campo etichetta in Google Analytics il numero di telefono chiamato. Questo è molto utile se sul sito il numero di telefono è un campo dinamico (es: scheda struttura ricettiva su un sito di booking)
- Attiva su: cliccare su “Altro†e selezionare l’attivatore precedentemente creato “ Click a numero di telefonoâ€
Ora non vi rimane che testare il funzionamento di tutto quello appena creato, per farlo basta attivare la funzione di anteprima di Google Tag Manager cliccando sulla freccia accanto al pulsante “Pubblica†in alto a destra:
A questo punto per visualizzare in anteprima la versione ed eseguire il debug bisogna visitare il sito utilizzando lo steso browser web.
Se tutto funziona correttamente dovreste visualizzare gli eventi in Google Analytics nella sezione Comportamento -> Eventi -> Panoramica e in alternativa per un test più immediato è possibile utilizzare la funzione “in tempo reale†-> Eventi, sempre da Google Analytics.
Infine non vi resta altro che cliccare su “Pubblica†in GTM per rendere effettive le modifiche apportare al contenitore.