Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Real User Monitoring con Navigation Timing API, Tag Manager e Google Analytics

450 views

Published on

«Se non riesci a misurarlo, non puoi migliorarlo.» – Lord William Thomson Kelvin

Misurare le web performance degli utenti reali non ha prezzo. Rispetto ai test sintetici, si riescono ad avere dati reali sull’esperienza degli utenti che visitano il tuo sito e intervenire per migliorarli.

Questo talk ti farà vedere come estrarre questi dati via JavaScript con Navigation Timing API, utilizzando Google Tag Manager e monitorarli poi in Google Analytics, tutto al costo, in termini di tempo, del setup iniziale.

Dopo questo talk potrai, in completa autonomia e al costo praticamente di qualche oretta, integrare circa 12 metriche di web performance degli utenti reali (Es. Time to First Paint, DOM Interactive) e vederle in Google Analytics, comparandole con altre metriche di business e, volendo, facendo a meno degli strumenti a pagamento.

Published in: Data & Analytics
  • Login to see the comments

  • Be the first to like this

Real User Monitoring con Navigation Timing API, Tag Manager e Google Analytics

  1. 1. Real User Monitoring con Navigation Timing API, Google Tag Manager e Google Analytics Olegs Belousovs | Product Owner @ Bakeca.it Twitter: @sgelob LinkedIn: https://it.linkedin.com/in/olegsbelousovs Turin Web Performance Group Meetup | Toolbox Torino | 25/09/2018
  2. 2. Perch� serve misurare la velocit� di caricamento di un sito web? 2@sgelob | Turin Web Performance Group Meetup
  3. 3. RUM vs. Synthetic 3@sgelob | Turin Web Performance Group Meetup
  4. 4. 1. Navigation Timing API 4@sgelob | Turin Web Performance Group Meetup
  5. 5. Navigation Timing API Fonte: https://www.w3.org/TR/navigation-timing/ 5@sgelob | Turin Web Performance Group Meetup
  6. 6. 6 Fonte: https://gist.github.com/sgelob/110581ed66cf49a6d6c3b7ac33cdc17c @sgelob | Turin Web Performance Group Meetup
  7. 7. Data Layer WTF? Fonte: https://www.analyticsmania.com/post/what-is-data-layer-in-google-tag-manager/ 7@sgelob | Turin Web Performance Group Meetup
  8. 8. Fonte: https://caniuse.com/#feat=nav-timing 8@sgelob | Turin Web Performance Group Meetup
  9. 9. 2. Google Tag Manager 9@sgelob | Turin Web Performance Group Meetup
  10. 10. 10@sgelob | Turin Web Performance Group Meetup
  11. 11. GTM: impostazione delle variabili, attivatori e tag 11@sgelob | Turin Web Performance Group Meetup
  12. 12. Vi piace vincere facile? :) 12@sgelob | Turin Web Performance Group Meetup
  13. 13. File JSON con le configurazioni del mio container da importare in Google Tag Manager https://gist.github.com/sgelob/0842d451186c332a45bcfee58224b0f3 13@sgelob | Turin Web Performance Group Meetup
  14. 14. 3. Google Analytics 14@sgelob | Turin Web Performance Group Meetup
  15. 15. 15@sgelob | Turin Web Performance Group Meetup
  16. 16. 16@sgelob | Turin Web Performance Group Meetup
  17. 17. 17@sgelob | Turin Web Performance Group Meetup
  18. 18. 18@sgelob | Turin Web Performance Group Meetup
  19. 19. 19@sgelob | Turin Web Performance Group Meetup
  20. 20. 20@sgelob | Turin Web Performance Group Meetup
  21. 21. Milestone: Resource Timing API + GTM + GA Chi mi aiuta a completare il setup? :) https://gist.github.com/sgelob/b4f324fca06452a44e2099d7a8c644c1 21@sgelob | Turin Web Performance Group Meetup
  22. 22. Grazie! Domande? Twitter: @sgelob 22@sgelob | Turin Web Performance Group Meetup

×