Full Stack Marketing

Analytics For Developers

Learn how to track, measure, test, and report on how users interact with your web site or app with an analytics stack. Using free tools like Google Analytics, Google Optimize, and Google Data Studio, you will learn how to track events on client and server side, a/b test features, and build fancy reports.

Tips

🙊 To play around, you need Google Analytics Debugger.

👉 Download Full Stack Marketing Slides

👉 Want to have your own sandbox? Clone this site on Github and update the .env file


Watch Star Fork

Note: Demo uses the new gtag.js analytics implementation with references to the old(er) analytics.js implementation. All new GA properties will use gtag.js while many installs out there use ga.js


Get updates on Full Stack Marketing


Event Tracking

gtag.js

gtag('event', 'homepage_search', {
    'event_category': 'Search',
    'event_action': 'submit',
    'event_label': 'Homepage Search'
});
                            

analytics.js

ga('send', 'event', 'Search', 'submit', 'Homepage Search');
                            

Resources

Dev Libraries / APIs

Analytics Stack

This App


Reading List

Server Side

Google Tag Manager

Google Optimize