Toward The Future Ahoy Tracker

Analisis tracking system dan yang akan kita lakukan kedepannya

Transcript

1. Toward The Future Ahoy Tracker Tim Analisis Mar 10 2017 KMKLabs - Senayan City
2. Toward The Future - Ahoy Tracker Introduction about Tracker • What is tracker • Why we need tracker • Example tracker • Limitation existing tracker
3. Toward The Future - Ahoy Tracker What is Tracker Tracker is tools to measure and collect web data for purposes of understanding the effectiveness of a website, not limited for web traffic only but also for business and market research
4. Toward The Future - Ahoy Tracker Why We Need Tracker • Help for analyzing web usage • Measuring web traffic • Market research Psssst, it can be used for tracking user behavior
5. Toward The Future - Ahoy Tracker Example of Web Tracker • Google Analytics • Adobe Analytics • Bing Webmaster Tools • Yandex Metrica
6. Toward The Future - Ahoy Tracker Limitation of Existing Tracker
7. Toward The Future - Ahoy Tracker The Answer to Life the Universe and Everything
8. Toward The Future - Ahoy Tracker Not This Ahoy
9. Toward The Future - Ahoy Tracker Overview • Ahoy actually is Ruby Gem • Ahoy.js only a small part of ahoy project (https://www.github.com/ankane/ahoy)
10. Toward The Future - Ahoy Tracker Why Ahoy? • Open source • We need send from both backend and front end • We need custom data
11. Toward The Future - Ahoy Tracker Events Plenty Landing Page Rabbit MQ Presto Redshift ahoy
12. Toward The Future - Ahoy Tracker Ahoy under microscope How the Ahoy being loaded 1. Ahoy bootstrap written inside the application 2. Load the Real Ahoy asynchronously 3. After load completely, ahoy will set the visit and visitor_id inside the cookie 4. Real ahoy will evaluate the queue in bootstrap
13. Toward The Future - Ahoy Tracker Snippets - Ahoy bootstraper
14. Toward The Future - Ahoy Tracker Snippets - Async
15. Toward The Future - Ahoy Tracker Snippets - Set Cookie
16. Toward The Future - Ahoy Tracker Snippets - Consume Queue
17. Toward The Future - Ahoy Tracker What we do so far • Adding test using testem • Big refactoring for ahoy • Add Deploy Script
18. Toward The Future - Ahoy Tracker Testem - Gotta Test ‘Em All • Additional Layer for Jasmine • Easily setup • Automatic detect browser • CI Integration
19. Toward The Future - Ahoy Tracker Snippets - testem.yml
20. Toward The Future - Ahoy Tracker Testem in Action
21. Toward The Future - Ahoy Tracker Refactoring Ahoy
22. Toward The Future - Ahoy Tracker Different with first version ahoy • No queue -> Possible event lost if change page • No bootstrap -> Blocking Javascript • Dependent with JQuery • TDD -> Trust Driven Development (NO TEST) (>ლ) • Difficult to test ლ(ಠ益ಠლ)
23. Toward The Future - Ahoy Tracker Toward The Future • Implementing Dependency Injection in Ahoy (http://www.yusufaytas.com/dependency-injection-in-javascript/) • Implementing local storage (https://developer.mozilla.org/en/docs/Web/API/Window/localStorage) • Cross Domain Tracking (http://clearcode.cc/2013/04/alternatives-to-cookie- tracking/) • Batch sending event
24. Toward The Future - Ahoy Tracker Data Science - Last Words
25. THANK YOU :’)