Come prendere decisioni data driven con la web analytics. Slide dell'intervento di Giovanni Sacheli al Web Marketing Festival 2019.

2. Chi sono
Giovanni Sacheli
NERD, Papà,
Motociclista
Consulente SEO
I <3 Technical SEO
Blog: evemilano.com
Agenzia: searcus.ch

3. DECISIONI DATA DRIVEN CON LA WEB ANALYTICS
Tracciare le azioni sul sito con Google Analytics e Tag Manager

4. Cosa traccia Google Analytics?

5. Utenti
Gli utenti possono interagire con il tuo sito web
da una serie di dispositivi diversi, ad esempio un
browser desktop, un browser mobile o tramite
un'app nativa.
Per impostazione predefinita, Analytics assegna
a ogni dispositivo un Client-ID unico e
considera ciascuno di essi come un utente unico
nei rapporti.

6. Utenti
Utente = cookie
(userID)
Cancelli i cookie e torni
sul sito? Nuovo userID,
Stesso cookie? Analytics
sarà in grado di
identificare quella
persona come lo stesso
utente.
https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage

7. Il periodo di tempo in cui un
utente è attivo sul tuo sito.
Per impostazione predefinita, se
un utente non è attivo per 30
minuti o più, qualsiasi attività
futura verrà attribuita a una nuova
sessione.
Gli utenti che abbandonano il sito
e tornano entro 30 minuti
verranno conteggiati come parte
della sessione originale.
Sessioni

8. Sessioni
Per sessione si intende un gruppo di interazioni con il tuo sito web
in un determinato arco di tempo.
Ad esempio, una singola sessione può contenere più visualizzazioni di
pagina, eventi, interazioni sociali, goal e transazioni e-commerce.

9. Sessioni
Una sessione termina in due casi:
Scadenza basata sul tempo
Dopo 30 minuti di inattività dall'ultima azione
A mezzanotte
Cambio di campagna
Si verifica se un utente arriva al sito tramite una campagna, esce dal
sito e poi vi ritorna tramite un'altra campagna (parametro UTM).

10. Visualizzazioni di pagina
Un'istanza di una pagina caricata (o ricaricata) in un browser.
Una visualizzazione di pagina si definisce come la visualizzazione di
una pagina del sito che viene monitorata dal codice di
monitoraggio di Analytics.
Se un utente fa nuovamente clic sul pulsante di caricamento dopo avere
raggiunto la pagina [f5 - refresh], è una nuova pageview.
Se un utente visita una pagina diversa e, successivamente, torna alla
pagina originale, è una nuova pageview.

11. Per tutto il resto ci sono gli eventi
Gli eventi sono azioni custom
eseguite dagli utenti sul sito web e
registrate con Analytics.
Vuoi tracciare i click su un bottone?
Vuoi tracciare qualsiasi cosa non sia
una sessione/utente/pageview?
Servono gli eventi.
Cosa non traccia in automatico Google Analytics?

12. by hand...
<a
href=”www.miosito.it/pdf/file.pdf”
onclick=”ga(‘send’, ‘event’, ‘PDF’,
‘Download’, ‘file – PDF
Download’);“>file</a>
... Non è molto pratico!
Come si tracciano gli eventi?

13. Oppure con GTM - un contenitore di script e non solo...

14. Perché è comodo?
Centralizzazione degli script
tool unico per gestire tutti gli script
basta confusione
Implementazione rapida script
test e cambi istantanei
no more developers
Sicurezza
test prima di rilasciare
Tracciamenti
gli script possono essere
personalizzati facilmente per
tracciare azioni extra
Rapidità Centralizzazione
Sicurezza Tracciamenti

15. Installare GTM - prima togliamo tutto il resto!

16. Gerarchia di GTM

17. Installare Analytics

18. Per prima cosa abilitare le variabili

19.  TRIGGER
– quando si attiva?
 Click su specifici URL?
 Click specifici link? Click su specifiche classi?
 Altro?
 TAG
– Evento Analytics
 event category
 event action
 event label
Creare un evento = configurare tag e trigger

20. Come si testa un evento?

21. Come si testa un evento?

22. Report eventi

23. ESEMPI DI TRACCIAMENTO EVENTI

24. Quali trigger nativi
abbiamo a
disposizione?
Click
Scroll
Timer
Visibilità elemento
Cosa possiamo tracciare con Analytics + GTM?

25. Tracciare i click su link interni

26. Quali sono le pagine dove si cliccano più link interni?

27. Quali sono i link più cliccati in homepage?

28. Perché monitorare i click su link interni?
Riordinare le voci del menu
Riordinare listati di link/prodotti
Valutare la posizione di un link/banner/CTA
Capire a cosa è interessato l'utente
Sviluppare nuovi contenuti

29. Alternative? Heatmaps
HotJar
Yandex Metrica
Crazy Egg
Mouseflow
Luck Orange
Inspectlet
Heatmap.me
Ptengine
Clicktale
SeeVolution

30. Cosa ho usato nel trigger?
Espressioni
regolari su URL
Classe CSS
Le basi delle RegEx
è meglio conoscerle
Per il resto basta
l'inspect di un
browser + copy
selettore CSS

31. Tracciare i click su link mailto:

32. Link in uscita

33. Tracciare specifici link in uscita

34. Perché monitorare i click su link in uscita?
Valutare il traffico che esce
Conteggio traffico vs affiliati
Capire dove va
Capire a cosa è interessato l'utente
Sviluppare nuovi contenuti ed invertire i link in interni

35. Iscrizione alla newsletter

36. Iscrizione alla newsletter

37. Click Element restituisce l'elemento
HTML che era il bersaglio dell'azione.
Matches CSS Selector è un controllo
se un dato elemento corrisponde a un
dato selettore CSS. Matches CSS
Selector deve quindi essere fatto su un
elemento HTML.
Matches CSS Selector funziona con
Click Element e non Click Classes.
Click Classes restituisce una stringa
con il valore dell'attributo di classe
dell'elemento HTML che era il target
dell'azione.
Contains è un tipo di corrispondenza in
GTM che si usa con le stringhe.
Contains funziona con Click Classes
(che restituisce una stringa) e non
Click Element.
Tracciare un click - Click Class oppure Click Element? Contains oppure Selettore
CSS?

38. Tracciare il download di file zip

39. Tracciare il download di file pdf

40. Non interaction hit?
Bounce rate...
Una cosa da notare sugli eventi è che, per impostazione predefinita,
influenzano la frequenza di rimbalzo.
Se un utente atterra su una pagina e viene attivato un evento, non
sono un rimbalzo (anche se non visualizzano pagine successive).

41. Non interaction hit?
In molti casi, questa cosa è voluta: dopo tutto, se qualcuno
interagisce con la pagina in qualche modo, probabilmente non vuoi più
considerarli un rimbalzo.
In altri casi potrebbe essere un problema: se tracci lo scroll della
pagina, appena un utente scrolla qualla pagina non sarà di rimbalzo, e
non è corretto.

42. Non interaction hit?
C'è un parametro chiamato "non-interazione" che puoi modificare per
decidere se l'evento è impatta o meno sul bounce rate.
In un caso in cui un video viene riprodotto automaticamente quando
qualcuno atterra sulla pagina, ad esempio, e l'evento viene tracciato -
potremmo voler impostare il parametro di non interazione in modo che
la frequenza di rimbalzo di quella pagina non sia zero.

43. Tracciare i click sulle immagini

44. Copia/Incolla

45. Copia/Incolla

46. Tracciare gli invii di Contact Form 7

47. Bottoni e CTA
 Ispeziona:
 <span class="love-button" data-id="14831">⚡
Utile</span>
 Selector:
 #genesis-content > article > header > div > div
> span.love-button

48. Bottoni e CTA

49. Tracciare lo scroll in pagina

50. Tracciare lo scroll delle pagine

51. Tracciare lo scroll delle pagine

52. GRAZIE!
Giovanni Sacheli
evemilano.com
searcus.ch