Setup Scroll Tracking in Google Analytics 4 property Through Google Tag Manager

When you go about with a property setup for a Google Analytics 4 property, the first thing you might notice is an Enhanced Measurement - which means that don’t need several of the tags as that information is automatically sent to Google Analytics, which is a good thing! One of those is Scroll!

Coming from Universal Analytics, we’re used to a GTM GA event where the Scroll depth trigger is used to send information in quartiles [25,50,75,100] or you could go deciles [in 10’s ] or any other way you’d like.

If you head over to GA 4 > events, you will see the Scroll event but can’t find the scroll depth…

…

The answer lies in Enhanced Measurement documentation:

Scroll event: The first time a user reaches the bottom of each page (i.e., when a 90% vertical depth becomes visible)

Ahh! So, Scroll Tracking in UA and Scroll event in GA 4 are slightly different. Meaning that you need to setup a new event altogether with scroll depth thresholds that you did in a Universal Analytics implementation. Head over to GTM and setup the below tag with Scroll Depth trigger.

In the above tag, I’ve created a new event called ‘scroll_tracking_details’ to capture it as a separate event, while percent_scrolled parameter helps capture the % values that I want to send. Head over to GA App + Web DebugView once you fire it in GTM preview and you should be able to see the event in both places.

And that’s it. It’s a simple post but I have a suspicion that other users might get tripped by this as well, assuming that scroll tracking details are automatically being pushed to GA.

Once your event is in the events report, Edit the parameter reporting to add percent_scrolled as a parameter.

That’s all to do in the setup here.