User Tracking with Google Analytics and how it survives the break of the Globosat Play monolith
2 likes768 views
The document discusses user tracking using Google Analytics, emphasizing its importance for understanding audience behavior and optimizing applications. It outlines key aspects of user behavior such as who, what, where, when, and why to facilitate effective data tracking. Additionally, it provides a comparison of various tracking tools, including self-hosted and SaaS solutions, as well as practical examples and code snippets for implementing tracking within applications.
User Tracking with Google Analytics and how it survives the break of the Globosat Play monolith
- 1. USER TRACKING WITH GOOGLE ANALYTICS AND HOW IT SURVIVES THE BREAK OF THE MONOLITH by Rafael Biriba .com
- 2. USER TRACKING WITH GOOGLE ANALYTICS AND HOW IT SURVIVES THE BREAK OF THE MONOLITH by Rafael Biriba .com
- 3. USER TRACKING WITH GOOGLE ANALYTICS AND HOW IT SURVIVES THE BREAK OF THE MONOLITH by Rafael Biriba .com
- 4. USER TRACKING WITH GOOGLE ANALYTICS AND HOW IT SURVIVES THE BREAK OF THE MONOLITH by Rafael Biriba .com
- 6. DO YOU KNOW YOUR AUDIENCE ?
- 7. WHERE ARE USERS LANDING ?
- 8. WHICH LINKS ARE BEING CLICKED?
- 9. WHICH LINKS ARE BEING CLICKED?
- 10. WHERE DO USERS SPEND TIME ?
- 11. WHAT LOGGED-IN USERS ARE DOING ?
- 12. WHERE ARE USERS EXITING ?
- 13. USER TRACKING
- 14. USER TRACKING LOGGING CHARACTERISTICS ABOUT THE USER AND USER'S ACTIONS
- 15. USER TRACKING It’s not evil! Mostly. LOGGING CHARACTERISTICS ABOUT THE USER AND USER'S ACTIONS
- 16. BUT WHY ? USER TRACKING
- 17. USER TRACKING BUT WHY ? ▸ Marketing and business intelligence ▸ Know your audience ▸ Engagement on a feature ▸ App analysis and optimization
- 18. THE 5 ”W” USER BEHAVIOUR
- 19. USER BEHAVIOUR
- 20. USER BEHAVIOUR WHO ▸ Know your user ▸ By individual ▸ By demographic ▸ By a delimiter
- 21. USER BEHAVIOUR WHAT ▸ Connect with WHO ▸ Know what your user is doing ▸ By individual ▸ By demographic ▸ By a delimiter ▸ Engagement ▸ Ways people use your app
- 22. USER BEHAVIOUR WHERE ▸ Where does your user most utilize your app ? ▸ Location - What state/cities is your app most popular ▸ Devices - What is the most popular device ▸ Focus marketing/advertising efforts
- 23. USER BEHAVIOUR WHEN ▸ When is your user in your app ▸ Track time, dates, season, moments ▸ Release upgrades in low-impact moments ▸ Focus marketing/advertising efforts
- 24. USER BEHAVIOUR WHY ▸ Subjective to each app/goal ▸ Results ▸ Track targeted objectives with goals ▸ Align app goals with user action’s
- 25. USER BEHAVIOUR SO… WHAT SHOULD WE TRACK ?
- 28. MOST POPULAR TRACKING APPLICATIONS / SERVICES 1. HOST YOUR OWN APP 2. SAAS SOLUTION
- 29. 1. HOST YOUR OWN APP OPEN WEB ANALYTICS ▸ www.openwebanalytics.com ▸ Open Source ▸ Data ownership (privacy) ▸ Clone of Google Analytics
- 30. PIWIK ▸ www.piwik.org ▸ Open Source ▸ Data ownership (privacy) 1. HOST YOUR OWN APP
- 31. 2. SAAS SOLUTION CLICKY ▸ www.clicky.com ▸ “More feature than Google Analytics” ▸ Layout “confused"
- 32. GOOGLE ANALYTICS ▸ www.google.com/analytics/ ▸ It’s Google ▸ Real-Time Rocks 2. SAAS SOLUTION
- 33. SAAS SOLUTION GOOGLE ANALYTICS ▸ www.google.com/analytics/ ▸ It’s Google ▸ Real-Time Rocks
- 34. SAAS SOLUTION GOOGLE ANALYTICS ▸ www.google.com/analytics/ ▸ It’s Google ▸ Real-Time Rocks CASE
- 36. GOOGLE ANALYTICS IN PRACTICE ▸ Increase of audience
- 37. ▸ Increase of audience GOOGLE ANALYTICS IN PRACTICE
- 38. ▸ Track watched movies GOOGLE ANALYTICS IN PRACTICE
- 39. ▸ Track watched movies GOOGLE ANALYTICS IN PRACTICE SAMPLE: 119 VIDEO PLAYS ONLY 93 KEEP WATCHING AFTER 20 SECONDS
- 40. GOOGLE ANALYTICS IN PRACTICE
- 42. GOOGLE ANALYTICS WORKFLOW Unique Visitors / Users Visits / Sessions Pageviews Volume of available data IncreasingValueofData
- 43. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews __utma - Visitor Identifier (expires after 2 years) __utmb - Session Identifier (expires after 30 minutes of inactivity) __utmc - Session Identifier (expires when close tab/browser)
- 44. GOOGLE ANALYTICS WORKFLOW Users __utma cookie explained: 123456789.123456789.1234567890.1234567890.1234567980.1 Domain Hash: This is set by all cookies from this domain. Visitor ID: Random “unique ID”. Initial visit: Unix timestamp for the initial visit. Previous Session: Unix timestamp for the previous session. Current Session: Unix timestamp for the current session. Session number: Number of the session
- 45. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews Moment 1 Moment 2
- 46. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews Moment 1 Moment 2
- 47. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 1 1 Moment 1 Moment 2
- 48. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 1 1 Moment 1 Moment 2
- 49. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 1 12 Moment 1 Moment 2
- 50. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 1 12 Moment 1 Moment 2
- 51. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 1 12 Moment 1 Moment 2
- 52. GOOGLE ANALYTICS WORKFLOW Users Visits / Sessions Pageviews 1 12 123 Moment 1 Moment 2
- 54. GOOGLE ANALYTICS WORKFLOW + As easy as….
- 55. GOOGLE ANALYTICS WORKFLOW + As easy as….
- 58. GOOGLE ANALYTICS WORKFLOW ▸ Page Tracking: ga(“send", “pageview”) ▸ Track everything about the page access ▸ Who, What, When, Where
- 59. GOOGLE ANALYTICS WORKFLOW ▸ Page Tracking: ga(“send", “pageview”) ▸ Track everything about the page access ▸ Who, What, When, Where ▸ Event Tracking: ga('send', 'event', 'eventCategory', 'eventAction', ‘eventLabel'); ▸ User interactions with the page content
- 60. GOOGLE ANALYTICS WORKFLOW ▸ Page Tracking: ga(“send", “pageview”) ▸ Track everything about the page access ▸ Who, What, When, Where ▸ Event Tracking: ga('send', 'event', 'eventCategory', 'eventAction', ‘eventLabel'); ▸ User interactions with the page content
- 61. GOOGLE ANALYTICS WORKFLOW ▸ Page Tracking: ga(“send", “pageview”) ▸ Track everything about the page access ▸ Who, What, When, Where ▸ Event Tracking: ga('send', 'event', 'eventCategory', 'eventAction', ‘eventLabel'); ▸ User interactions with the page content
- 62. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions
- 63. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions ▸ App / Screen Tracking
- 64. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions ▸ App / Screen Tracking ▸ User Timings
- 65. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions ▸ App / Screen Tracking ▸ User Timings ▸ Exception Tracking
- 66. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions ▸ App / Screen Tracking ▸ User Timings ▸ Exception Tracking ▸ Custom Dimensions
- 67. GOOGLE ANALYTICS WORKFLOW ▸ And more… ▸ Social Interactions ▸ App / Screen Tracking ▸ User Timings ▸ Exception Tracking ▸ Custom Dimensions
- 68. GOOGLE ANALYTICS WORKFLOW Simple Summary:
- 69. GOOGLE ANALYTICS WORKFLOW Simple Summary: 1. Initialize the analytics.js
- 70. GOOGLE ANALYTICS WORKFLOW Simple Summary: 1. Initialize the analytics.js 2. Send Pageview event
- 71. GOOGLE ANALYTICS WORKFLOW Simple Summary: 1. Initialize the analytics.js 2. Send Pageview event 3. Track everything with "event tracker"
- 72. CASE
- 73. Track Events
- 74. Track Events
- 77. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS
- 78. mini iceberg monolith HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS
- 79. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS Track Events HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS
- 80. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS ga('send', 'event', 'Header', 'Home') ga('send', 'event', 'Header', 'Menus') ga('send', 'event', 'Header', 'Login') ga('send', 'event', 'List', 'Video n') *** ga('send', 'event', 'Transmissions', 'Live n') *** ga('send', 'event', 'Footer', 'Home') ga('send', 'event', 'Footer', 'Menus')
- 81. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS $(‘.header .menus’).click(function(){ ga('send', 'event', 'Header', ‘Home'); }); $(‘.header .home’).click… $(‘.header .login’).click… $(‘.list .video’).click… $(‘.transmissions .video’).click… $(‘.footer .home’).click… $(‘.footer .menus’).click… JQuery OnClick binds
- 83. micro services - apis, components, libs, small applications CASE mini iceberg monolith
- 84. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS Components APIs Home APP Live Video APP
- 85. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS
- 86. HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS
- 87. $(‘.header .menus’) .click(function(){ ga('send', ‘event'… $(‘.header .home’).click… $(‘.header .login’).click… $(‘.footer .home’).click… $(‘.footer .menus’).click… $(‘.list .video’) .click(function(){ ga('send', ‘event'… $(‘.list .pagination’).click… $ (‘.transmissions .video’).click… $(‘.component .video’) .click(function(){ ga('send', ‘event'… $(‘.component .title’).click…
- 88. CASECASE
- 89. CASECASE USER TRACKING CODESGOOGLE ANALYTICS CODES APP JSAPP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS
- 90. CASECASE USER TRACKING CODESGOOGLE ANALYTICS CODES Responsibility and Ownership separated APP JSAPP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS
- 91. CASECASE USER TRACKER JS USER TRACKER JS
- 92. `CASECASE USER TRACKER JS ▸ Lib that monitor all user activity and trigger javascript events. ▸ Single and Simple Deployment ▸ Run independent of application JS ▸ Easy to test ▸ Easy to change USER TRACKER JS
- 93. USER TRACKER JS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS
- 94. $(‘.header .menus’).click(function(){ ga('send', 'event', 'Header', ‘Home'); }); $(‘.header .home’).click… $(‘.header .login’).click… $(‘.list .video’).click… $(‘.transmissions .video’).click… $(‘.footer .home’).click… $(‘.footer .menus’).click… Old way
- 95. USER TRACKER JS $(‘.header .menus’).click(function(){ $(“body”).trigger(“usertracker-header-menus-click”); }); $(‘.list .video’).click(function(){ $(“body”).trigger(“usertracker-list-video-click”); }); $(‘.header .home’).click… $(‘.header .login’).click… $(‘.list .video’).click… $(‘.transmissions .video’).click… $(‘.footer .home’).click… $(‘.footer .menus’).click…
- 96. USER TRACKER JS
- 98. USER TRACKER JS bind js events ANY CUSTOM JS $(‘body’).on(“user_tracker::login::pop_open”, function(){ // Google Analytics push event // Do some task // Open the window });
- 99. CASECASE USER TRACKER JS :: TESTS USER TRACKER JS
- 100. CASECASE USER TRACKER JS USER TRACKER JS :: TESTS ▸ Jasmine Unit Tests ▸ Smoke tests for QA and PROD environment
- 101. GA POWER JS CASECASE GA POWER JS
- 102. GA POWER JS CASECASE GA POWER JS ▸ Run independent from the page ▸ Centralizes all interaction with google analytics ▸ Single and Simple Deployment ▸ Easy to test ▸ Easy to change
- 103. USER TRACKER JS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) LIVE TRANSMISSIONS HEADER ( HOME | MENUS | LOGIN ) FOOTER ( HOME | MENUS ) RELATED PROGRAMS GA POWER JS bind js events
- 104. $(‘body’).on(“usertracker-header-menus-click”, function(){ ga('send', 'event', 'Header', 'Menu', 'Click'); }); $(‘body’).on(“usertracker-list-video-click”, function(){ ga('send', 'event', 'List', 'Video', 'Click'); }); $(‘body’).on(“usertracker-header-home-click”, function(){… $(‘body’).on(“usertracker-header-login-click”, function(){… $(‘body’).on(“usertracker-list-video-click”, function(){… $(‘body’).on(“usertracker-transmissions-video-click”, function(){… $(‘body’).on(“usertracker-footer-home-click”, function(){… $(‘body’).on(“usertracker-footer-home-click”, function(){… GA POWER JS
- 105. CASECASE GA POWER JS GA POWER JS :: TESTS
- 106. CASECASE GA POWER JS GA POWER JS :: TESTS ▸ Jasmine Unit Tests ▸ Smoke tests for QA and PROD environment ▸ Fake Analytics (More on next slide)
- 107. https://github.com/rafaelbiriba/analytics-tester Test suite for Google Analytics that replaces the original ga.js and provide some useful methods for testing purposes. ** Only supports _gaq (old analytics) Pull request for the new ga code are welcome :) FAKE ANALYTICS
- 108. https://github.com/rafaelbiriba/analytics-tester Just replace the include of http://www.google-analytics.com/ga.js to include the fake ga.js Any _gaq.push will be stored in a array inside fake ga. You can access the array and test (with selenium for exemple) if the google command "was called”. FAKE ANALYTICS :: HOW TO USE
- 109. CASECASE USER TRACKING CODESGOOGLE ANALYTICS CODES APP JSAPP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS APP JS