How To Set Up Scroll Depth Monitoring In GA4

How To Set Up Scroll Depth Tracking In GA4

If you’re conversant in Google Analytics 4 (GA4), you in all probability know already that it has built-in scroll monitoring by default.

And naturally, you may be asking your self: why do I want customized monitoring for scroll depth?

The GA4’s “built-in scroll occasion” triggers when a consumer has scrolled by roughly 90% of the web page – however you almost certainly wish to know greater than that, equivalent to what number of customers scrolled by 50% and even 25% of the web page.

Right here is why you would want to arrange customized scroll depth monitoring in GA4.

By monitoring scroll depth, you may achieve insights into consumer engagement and habits, perceive how a lot content material customers are consuming, and optimize accordingly.

We shall be wanting into implementation by utilizing Google Tag Supervisor (GTM).

General, I might extremely advocate utilizing GTM to your GA4 setup vs. gtag.js as a result of it has very nifty options you should use and requires much less time to keep up the setup.

No less than you may go hybrid and use GTM with the datalayer.push technique everytime you want extra granular management over monitoring.

We are going to learn to arrange scroll depth monitoring and construct an instance content material engagement dashboard in Looker Studio.

How To Set Up Scroll Depth Monitoring

Initially, we have now to disable default scroll monitoring from the Enhanced measurement stream.

Navigate to Knowledge Stream > Clicks to Stream.

Data Stream

Enhanced measurements Enhanced measurements.

Disable scroll monitoring within the popup dialog.

Scroll trackingScroll monitoring.

Navigate to GA4’s custom definitions setting web page and add the customized dimension “scroll_percentage” (you may title it something). We shall be utilizing this to ship scroll depth thresholds.

scroll_percentage custom dimensionScroll_percentage customized dimension.

Navigate to Variables in Google Tag Supervisor and allow these three build-in variables:

  • Scroll Depth Threshold.
  • Scroll Depth Items.
  • Scroll Route.
Scrolling variablesScrolling variables.

Navigate to Triggers and add a scroll depth set off with the title “Customized Scroll.”

Within the “Percentages” settings, add the scroll depth ranges you wish to observe as a comma-separated record.

Please notice: When you have a heavy-traffic web site and also you add too many thresholds like (21,22,23….90) and many others., you might hit GA4’s BigQuery 1M daily events export limits and lose one of many best advantages of GA4.

You could discover that there are additionally pixel values you should use to trace scroll depth with pixels.

In some instances, it might make sense to make use of, however for my part, it doesn’t have extensive use instances.

As an example, monitoring a scroll depth of 1000 pixels won’t precisely let you know how a lot of an article customers have learn, since articles can differ significantly in size, starting from 2000 pixels to 10,000 pixels.

Go to Tags in GTM and add an Occasion tag.

Event tagOccasion tag.

Within the occasion title, sort “scroll” and set the customized parameter to “scroll_percentage.”

Select a set off Customized Scroll.

Set a trigger Set a set off “Customized Scroll.”

In a nutshell, customized scroll monitoring works by:

  • Disabling default scroll monitoring.
  • Re-adding the identical scroll monitoring with the occasion title “scroll.”
  • Sending scroll depth thresholds in a customized parameter.

After getting the scroll depth monitoring setup, let’s dive into how one can arrange Looker Studio (previously Google Knowledge Studio) dashboard that may report the articles with their common scroll depth.

How To Create Looker Studio Report On Scroll Depth

Open Looker Studio and add GA4 as a supply.

Looker StudioLooker Studio.

Insert Pivot Desk as a chart sort.

Pivot TablePivot Desk.

Add “Web page path” as a row dimension and scroll_percentage as a column dimension. As a metric, add “Complete Customers” and “Occasion Rely.”

Pivot Table with DataPivot Desk with Knowledge.

Apply a filter with “Occasion title” containing “scroll” to filter out different occasions, equivalent to “page_view” from the information.

Due to GA4 information construction specifics, it’s pulling all occasions, and a filter is required to remove none scroll occasions.

How To Create Scroll Depth Report In Explorations

The identical report could be created in explorations, regardless that I like to recommend utilizing Looker Studio as a result of you may share it along with your editorial workforce, and it’s simpler to learn.

As a way to create a scroll depth report in explorations, navigate to Discover and create a clean “Free Type” report. Add dimensions equivalent to “Web page path” and “scroll_percentage.”


Construct the report in line with the screenshot.

Scroll depth reportScroll depth report.

Don’t neglect to filter solely occasions with the title “scroll.”

It’s also helpful to set conversions based mostly on scroll depth. For instance, we have now a conversion set each time one reads 50% of an article.

As a way to arrange conversion based mostly on scroll depth, we’ll use one in every of GA4’s best options, which is setting up an event based mostly on occasions parameters.

Navigate to Occasions settings and click on the Create occasion button within the higher proper nook.


Within the popup dialog, enter the “Occasion Identify=scroll” and “scroll_percentage=50” and title your occasion.

50% scroll custom event based on scroll depth paramter50% scroll customized occasion based mostly on scroll depth parameter.

And from Conversions settings, mark it as a conversion.



Right here we’ve mentioned how one can observe scroll depth in GA4, which is a vital metric to measure your viewers engagement.

I might advocate making an attempt to construct totally different segments and evaluating how every sort of consumer is partaking along with your content material.

Contemplate additionally mixing information with Google Search Console and see which key phrases drive extra engagement along with your content material.

Sooner or later, we’ll cowl extra on how one can use GA4 and enable you to set it up.

To remain up to date with our upcoming guides, we invite you to subscribe to our newsletter.

Extra assets:

Featured Picture: fizkes/Shutterstock

Source link

Leave A Comment



Our purpose is to build solutions that remove barriers preventing people from doing their best work.

Giza – 6Th Of October
(Sunday- Thursday)
(10am - 06 pm)