Track Single Page Applications with Google Tag Manager and Google Analytics 4 (3 methods)
Learn how to track single page applications with Google Tag Manager and Google Analytics. This can be applied to websites built with libraries like React, Angular, Vue.js, Gatsby, etc.
By default, various analytics tools don't play well with single page applications/websites. Usually, they track only the first pageview. If that is your case as well, then in this video, I will show you how to track page views in SPA and send them as events to Google Analytics 4.
There are three methods explained:
Built-in tracking of GA4
History change trigger in Google Tag Manager
Cooperation with a developer
=== LINKS ===
Subscribe to our Youtube channel / @analyticsmania
✭ Guide: how to track single-page applications with Google Tag Manager and Google Analytics
https://www.analyticsmania.com/post/s...
✭ How to Track Virtual Pageviews when Multiple History Events Occur at the Same Time
https://www.analyticsmania.com/post/v...
✭ window.location.href (W3C)
https://www.w3schools.com/js/js_windo...
📕 Free Google Tag Manager e-books:
https://www.analyticsmania.com/google...
📕 Free e-book: How to get started with Google Analytics 4
https://www.analyticsmania.com/p/gett...
Timestamps:
00:00 - Intro
01:03 - Built-in tracking
06:46 - History Change trigger
19:51 - Cooperation with a developer
28:40 - Final things
=== CONNECT WITH JULIUS & ANALYTICS MANIA ===
✭ Facebook / analyticsmania
✭ Twitter / fedorovicius
✭ Linkedin / fedorovicius
Subscribe to our Youtube channel / @analyticsmania
#googletagmanager #googleanalytics4