Scroll Depth Tracking using Google Tag Manager

Scroll depth tracking using the google tag manager has been a hot topic for a while, and it makes sense. Scroll depth tracking in web analytics is one of those things you simply must implement it, especially if you have a content-heavy site.

It gives you a simple way to understand how visitors engage with your content, even if they just view a single page and bounce. Tracking scroll depth not only gives you an indication of how much users are viewing your content, but it also lets you turn metrics such as Bounce Rate into something far more useful.

I’m sure you’ll be very pleased to know that Google Tag Manager has released a native Scroll Depth trigger, with which setting up scroll depth tracking will be easier than before.

Here are the 3 easy steps you can configure scroll depth tracking using the built-in variables and scroll depth trigger in Google Tag Manager

STEP 1 :

Enable the built-in scroll variables inside Google Tag Manager. To do this navigate to the ‘Variables’ tab and click ‘Configure’ in the built-in variables section. Then you’ll need to select the ‘Scroll Depth Threshold’, ‘Scroll Depth Units’ and ‘Scroll Depth Direction’ variables from the panel. 


Next, create a new tag by navigating to the ‘Tags’ tab and clicking ‘New’. Select ‘Universal Analytics’ as the tag type and select ‘Event’ as the track type. Enter ‘Scroll Depth Measurement’ as the ‘Category’ and ‘Action’ click the variable icon to the right of the input. Then select ‘Scroll Depth Threshold’ and add the percentage sign (%) after the variable. (For category and action values you can enter as per your choice as well).

Select your Google Analytics tracking ID.

Then click on the trigger (below the tag) and click on the “+” sign to create a new trigger. Select ‘Scroll Depth’ and choose ‘Vertical Scroll Depth’ and enter 25,50,75,100 as the percentages.  

STEP 3 :

Save the trigger and the tag, check-in preview & debug mode if the tag is firing properly as per the triggering conditions and values getting passed correctly as you’ve expected. Once you’re sure of the proper functioning of the tags and trigger, then publish the changes to your website.

Now you’ll be able to see how people are engaging with the pages on your website. You’ll be able to report on people scrolling 25%, 50%, 75% and 100% of your pages.

I hope you’ve found this article useful while creating your first scroll depth trigger using GTM.

Happy Scrolling 🙂

Need help with Digital Analytics? Get in touch!