Track Single Page Applications with Google Tag Manager and Google Analytics 4 (3 methods)

[@nokillnina]

Thank you so much. I ran into a problem with a single page application changing history for search and not firing the search site event and so no search term was sent to GA4 - this video saved my day!

[@jalajilgerinhod3383]

I was reading an article about that about an hour ago, and it was quite confusing, next Julius drop a timely video about it, Thanks Julius

[@csrotarola]

Awesome!!! I managed to finish a job that I was already frustrated with thanks to the information you gave me.

[@codecontent9717]

You're absolutely amazing. Your understanding and explainatory skills are beyond par. Thanks a ton :)

[@SinaBozorgmehr-g4s]

Thank you Julius! You're da best! Question: I'm using the first method, Enhanced Measurement and have problem with tags like custom scroll depth that will be triggered on Dom ready/ contained loaded. It's working for the first 4 triggers: 25, 50, 75, 90! after that scrolls won't be fired until page is refreshed! Any solution for that?

[@digitaltransformation]

thanks. Do you have instructions how to track adwords conversions with this type of configuration?

[@leonardoperezsaenzdeheredi9049]

Thank you again Julius, master, you helped me again with your so much high skill to explain 🙂

[@chicane3239]

Will virtual page views work with a universal analytics GA setup?

[@leonidaslainis1851]

Hi Julius, thanks for the video. I didn't use the GA4 event tag, but still I have the correct "Page Location" value, meaning that I can see the full URL. I don't have # on any URL on my website, though. Why is it important to override the page_location parameter? By the way, the GA4 configuation tag doesn't have "Event Parameters". How can we override the page_location parameter in the GA4 configuration tag?

[@sidekick3rida]

This video is absolute gold. Thank you so much!

[@tibucornio]

How to track user_id in SPA?

[@bhuvangoyal3043]

Hy can you please tell how should I connect GTM with my Vue js (it has a lot of components) Regards

[@JoakimGothberg]

Hello and thanks for a great video. Can this be used with Scroll on a specific page? I want to measure when a user has scrolled only on pages that contain /blog/ in the url. I have created two triggers. trigger 1: Scroll 25,50,75,100 on "all pages" trigger 2: History Change on some pages contains "/blog/ Then added these to a trigger group and added a tag to that trigger group. What happens now is that when someone scrolls on any page and then enters the blog, this is fired. I want it to only fire if they scroll on the blog only. Thanks!

[@patrickdesroches3296]

Since you can't disable page view collection in GA4 event when you turn off enhance measurement how do you prevent sending 2 page view ( 1 by default and 1 virtual ) ?

[@AnalyticsMania]

Disable the pageview checkbox in the GA4 config tag

[@rafaelcampos7702]

Great explanation, thank you! I did not understand the "Important" messages inserted as images along the video.. why it's necessary to override page_location and page_title in all other GA4 tags as well? If a website is not full SPA (some pages loads normally, others are SPA), do I still need to override page_location and page_title at config tag and other GA4 tags? Thanks

[@M1911jln]

Can you recommend a much more basic intro? I need a higher level introduction to GA4 and Google Tag Manager. I'm really confused as to whether I need to pull analytics.js out of our JavaScript, upgrade to gtag.js, just implement GA4 in the console, or GA4 + tag manager + gtag.js. A higher level introduction of the various alternatives for a single page app would be greatly appreciated.

[@AnalyticsMania]

If you want flexibility, then it's always GTM + built-in GA4 tag (and NOT gtag.js in the Custom HTML tag). Don't pull analytics.js to JS file. Don't ugprade to *just* gtag.js. A generic intro to GTM is here kzbin.info/www/bejne/Z5XanJKbp710odE If you still struggle, then you need a clear step-by-step course + my support. You can get that here www.analyticsmania.com/courses/google-tag-manager-course-for-beginners/

[@aamazingideasnational]

Good and descriptive video Julius, Thanks!

[@chiragagarwal4879]

Thank you! One more question - Our page title does not update when switching from link to link, but it's available in a CSS div property. What would be a good way to track that as a page title on GA4?

[@imgom3s]

Hi @Chirag, you can create a variable based on this div id, for example, and get innerText to send as you page title.

[@Azmayenfayek]

How to track add to cart button and purchase on SPA?

[@oscarrodriguez9519]

Very powerful explanation on real situations. Congrats¡

[@ld8778]

I'm grateful for the content, but holy smokes he goes fast. How do you connect your debugger ? How is GA watching your localhost to connect all this? Sooooooooooo many questions. I can't be the only one lost on how to use GA4 in SPAs

[@amantanwar155]

This is so informative. Thanks for the explanation! I've tried implementing the UET tag on all pages and UET tag assistant wasn't showing that it is firing on all pages. Is it a limitation or am I'm missing here anything? Thank you!

[@muhammad_haider_pervaiz]

This is beyond fantastic man keep these videos coming fast!

[@alejandrocarpio1799]

Hi Julius! Quick question: does it matter if the Config Tag does not load in 'Container Loaded' message? My Config tag loads only in the virtualPageview step. Thanks!!

[@AnalyticsMania]

It does not matter

[@anasansary1583]

Thanks a lot, sir. I have followed the second one & working for me. But right now I am stuck at Google Ads conversion tracking. How can I Pass Data from Tag manager to Ads Manager for conversions? Please help!

[@leea4839]

Don't you just link Google Ads to GA4, then you can pass conversion data along to Google Ads?

[@chiragagarwal9283]

Amazing! Just in time! Quick question - how does the tracking (second method # in URL) supposed to look on the analytics page?

[@AnalyticsMania]

You can check the outgoing request in the GTM's Tag Assistant and you will see

[@kimvoon3742]

This is an amazing video dude, very much appreciated

[@SilverDecor-e2h]

Helpful methods.

[@turkalpkucur]

thank you! #3 solution is good!

[@tiaanpersonal3458]

Is the rogue referrer issue an problem with GA4 as it is with UA?

[@AnalyticsMania]

No

[@flaviaestrada542]

Super useful , thank u ❤

[@govindkarthikeyan]

Extremely useful content, Thanks for sharing your knowledge !

[@3eich03]

Thanks, Julius! When I enter Preview Mode, I always see more than one Preview Device but I'm definitely the only one using the Preview Mode. You know why there are several devices shown? Also, every page_view is collected by another device..

[@AnalyticsMania]

Other users might have ga4 debug view enabled as well www.analyticsmania.com/post/debugview-in-google-analytics-4/

[@3eich03]

@@AnalyticsMania hey Julius, thanks for your response. I checked it twice, I'm the only one using debug view right now. Also, for every device shown, there is exactly the same ga_session_id und ga_session_number.

[@dilipkumarg9680]

This is amazing

[@jomarocampo1997]

is it possible to change GTM Container without reloading the page? e.g. change app language

[@AnalyticsMania]

No. You can launch a new container, but then you will have two containers running at the same time. This might be problematic in some cases, thus I would recommend reloading the page when language is changed (devs should do that)

[@jomarocampo1997]

ok thanks

[@sidewinder2057]

But there is no Enchanced Measurement option anymore. Is it gone now?

[@AnalyticsMania]

clear your browser

[@sidewinder2057]

@@AnalyticsMania it helped, thanks!

[@Coksaugenatbrockhausen]

can you please edit your footage? it is way too fast and confusing to watch you roam around with your mouse

[@shyamthakur1201]

great video 🙂

[@felipellanos8666]

¡Great Tutorial! ¿you think this is posible for Universal Analytics?

[@anphung4214]

Awesome information!

[@premkumarkanmani117]

The video is very informative. It would be nice if you do a video about tracking enhanced e-commerce on the Single Page Application website. Thank you, Julius.

[@AnalyticsMania]

No plans for that. But I have lessons about single page applications and I have a lot of lessons about enhanced ecommerce in my GTM courses www.analyticsmania.com/courses/ Every student gets support from me and I could give you further instructions/tips.

[@vivektiwari5774]

good explanation

[@AnujKumar-ox3jm]

Where is info for app in this video dude??

[@AnalyticsMania]

"Single-page application" is a type of a website.

Thanks!

[@DobbinZachary-m3r]

Davis William Walker Gary Miller Donna

[@jonesienz]

Im sure you know the topic but you go far to fast for me.

[@VLu22]

This is horrible man