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

Поділитися
Вставка
  • Опубліковано 28 вер 2024

КОМЕНТАРІ • 62

  • @jalajilgerinhod3383
    @jalajilgerinhod3383 3 роки тому +4

    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

  • @nokillnina
    @nokillnina 2 роки тому

    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!

  • @codecontent9717
    @codecontent9717 2 роки тому +6

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

  • @muhammad_haider_pervaiz
    @muhammad_haider_pervaiz 3 роки тому

    This is beyond fantastic man keep these videos coming fast!

  • @leonidaslainis1851
    @leonidaslainis1851 2 роки тому +1

    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?

  • @chiragagarwal4879
    @chiragagarwal4879 3 роки тому +1

    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
      @imgom3s 3 роки тому

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

  • @chicane3239
    @chicane3239 3 роки тому +1

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

  • @JoakimGothberg
    @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!

  • @chiragagarwal9283
    @chiragagarwal9283 3 роки тому

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

    • @AnalyticsMania
      @AnalyticsMania  3 роки тому

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

  • @turkalpkucur
    @turkalpkucur Рік тому

    thank you! #3 solution is good!

  • @anasansary1583
    @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
      @leea4839 Рік тому

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

  • @3eich03
    @3eich03 3 роки тому

    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
      @AnalyticsMania  3 роки тому +1

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

    • @3eich03
      @3eich03 3 роки тому

      @@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.

  • @anphung4214
    @anphung4214 3 роки тому

    Awesome information!

  •  Рік тому

    Thanks!

  • @tiaanpersonal3458
    @tiaanpersonal3458 3 роки тому

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

  • @sidewinder2057
    @sidewinder2057 2 роки тому

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

  • @shyamthakur1201
    @shyamthakur1201 2 роки тому

    great video 🙂

  • @VLu22
    @VLu22 Рік тому

    This is horrible man

  • @Coksaugenatbrockhausen
    @Coksaugenatbrockhausen 3 роки тому +2

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

  • @tibucornio
    @tibucornio 2 роки тому +1

    How to track user_id in SPA?

  • @SinaBozorgmehr-g4s
    @SinaBozorgmehr-g4s 7 місяців тому

    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?

  • @leonardoperezsaenzdeheredi9049

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

  • @M1911jln
    @M1911jln 3 роки тому +1

    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
      @AnalyticsMania  3 роки тому

      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 ua-cam.com/video/1dwk_erXAko/v-deo.html
      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/

  • @amantanwar155
    @amantanwar155 3 роки тому +1

    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!

  • @Azmayenfayek
    @Azmayenfayek Рік тому

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

  • @oscarrodriguez9519
    @oscarrodriguez9519 3 роки тому +1

    Very powerful explanation on real situations. Congrats¡

  • @jonesienz
    @jonesienz 2 роки тому

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

  • @sidekick3rida
    @sidekick3rida 2 роки тому +1

    This video is absolute gold. Thank you so much!

  • @patrickdesroches3296
    @patrickdesroches3296 3 роки тому +1

    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
      @AnalyticsMania  3 роки тому +1

      Disable the pageview checkbox in the GA4 config tag

  • @dilipkumarg9680
    @dilipkumarg9680 9 місяців тому

    This is amazing

  • @digitaltransformation
    @digitaltransformation Рік тому

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

  • @aamazingideasnational
    @aamazingideasnational 11 місяців тому

    Good and descriptive video Julius, Thanks!

  • @ld8778
    @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

  • @csrotarola
    @csrotarola 8 місяців тому

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

  • @bhuvangoyal3043
    @bhuvangoyal3043 Рік тому

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

  • @qwlol
    @qwlol 2 роки тому

    The whole toggling between tabs during the explanation of history change trigger method is confusing af

  • @rafaelcampos7702
    @rafaelcampos7702 2 роки тому

    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

  • @felipellanos8666
    @felipellanos8666 2 роки тому

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

  • @govindkarthikeyan
    @govindkarthikeyan 2 роки тому

    Extremely useful content, Thanks for sharing your knowledge !

  • @flaviaestrada542
    @flaviaestrada542 Рік тому

    Super useful , thank u ❤

  • @kimvoon3742
    @kimvoon3742 3 роки тому

    This is an amazing video dude, very much appreciated

  • @vivektiwari5774
    @vivektiwari5774 3 роки тому

    good explanation

  • @alejandrocarpio1799
    @alejandrocarpio1799 2 роки тому

    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!!

  • @premkumarkanmani117
    @premkumarkanmani117 3 роки тому

    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
      @AnalyticsMania  3 роки тому

      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.

  • @AnujKumar-ox3jm
    @AnujKumar-ox3jm 2 роки тому

    Where is info for app in this video dude??

    • @AnalyticsMania
      @AnalyticsMania  2 роки тому

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

  • @jomarocampo1997
    @jomarocampo1997 3 роки тому

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

    • @AnalyticsMania
      @AnalyticsMania  3 роки тому

      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
      @jomarocampo1997 3 роки тому

      ok thanks