How to Add Scroll Depth Tracking in WordPress with Google Analytics

Do you want to add scroll depth tracking on your WordPress website?

Scroll depth tracking allows you to see how far a user scrolls on any page. This data helps you see if your visitors are actually reading your long posts and when they lose interest, so you can modify the content to keep them engaged.

In this article, we will show you how to easily track user scrolling in WordPress using Google Analytics.

Why Track User Scrolling in WordPress?

Generally, scrolling occurs when a user wants to see your content below the preview screen. It is a primary activity that all users perform to look at your content.

This makes scroll depth tracking an important measure to track user engagement. In addition to that, it gives you plenty of insights about user interaction on your site and helps you improve pages for optimal length.

For example, you can find out how much an average user scrolls when viewing your WordPress site, which long reads they liked the most, what makes them lose interest, etc.

With these insights, you can then optimize your pages for better user engagement and higher conversions.

Tracking Scroll Depth in WordPress with Google Analytics

Google Analytics is a free web analytics tool offered by Google to help you better understand your website visitors.

It allows you to track who your website visitors are, where they are from, which pages they visit, how long they stay on those pages, how far down they scroll on the pages, and more.

Google Analytics tracks the basic metrics like total pageviews, the total number of visitors, top pages, and more by default.

For more advanced metrics like scroll depth, eCommerce tracking, form submissions, file downloads, event tracking, and others, Google Analytics requires you to set up custom tracking.

Manually setting up advanced Google analytics tracking requires a lot of technical skills. As a beginner, this is nearly impossible. Even some developers can’t do it properly.

Thankfully, there are easy-to-use WordPress plugins that can help you track advanced metrics like scroll depth with Google Analytics. Let’s take a look at how you can add scroll depth tracking in WordPress.

Adding Scroll Depth Tracking in WordPress with MonsterInsights

MonsterInsights is the most popular Google Analytics plugin for WordPress. Over 3 million professionals use it to get actionable insights to grow their business.

It helps you easily install Google Analytics on your WordPress website without using any code. MonsterInsights removes the guesswork and presents data in beginner-friendly reports. You can quickly see how your site is performing and make data-driven decisions.

MonsterInsights also lets you set up dual tracking and create a Google Analytics 4 property. If you don’t have a Google Analytics 4 property, then we highly recommend that you create one right away.

That’s because Universal Analytics will sunset on July 1, 2023, and won’t be able to track your website data. For more details, please see our guide on how to switch to Google Analytics 4 in WordPress.

Besides that, MonsterInsights also lets you can enable advanced tracking features like eCommerce tracking, file downloads, affiliate links, forms tracking, and more with just a single click.

MonsterInsights comes with scroll-depth tracking enabled by default. This means you don’t even need to configure any settings. All you need to do is set up the MonsterInsights plugin.

For this tutorial, we’ll use the MonsterInsights Pro license because it includes a Publisher’s report, where you can see scroll depth tracking data inside your WordPress dashboard. There is also a MonsterInsights Lite version which you can use for free.

First, you need to install and activate the MonsterInsights plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you’ll see the MonsterInsights setup wizard. Simply follow the onscreen instructions to connect Google Analytics with your WordPress site.

Next, you can go to the Insights » Settings page and then click on the ‘Engagement’ tab.

As shown in the screenshot below, you will see the scroll tracking option enabled by default.

MonsterInsights triggers events in Google Analytics as your website visitors scroll down the page. It will then be tracked with Google Analytics as 25%, 50%, 75%, and 100% scroll.

You can see your scroll tracking stats and other helpful stats right inside your WordPress admin area by going to the MonsterInsights Publishers Report.

Simply head to Insights » Reports and then click on the ‘Publishers’ tab.

Next, you can go to the ‘Average Scroll Depth’ section.

The percentage will show how far users scroll your website on average in the given date range.

You can use the scroll depth data to optimize your pages for more conversions.

It gives you a better picture of how your visitors are interacting with your content and helps you decide the best place for your important calls to action, ads, and more.

View User Scrolling Data in Google Analytics

Now that you have set up scroll tracking with MonsterInsights, you can also view reports in your Google Analytics account. We’ll show you how to see the data in Universal Analytics and Google Analytics 4.

View Scroll Depth Tracking Data in Universal Analytics

First, log into your Analytics account and then visit Real-Time » Events to see your real-time or recent scrolling data within the last 30 minutes.

For the complete data, you can go to Behavior » Events » Overview from your Analytics dashboard.

Then, you can click on the ‘Scroll Depth’ link to get more details.

On the next screen, you’ll see the Event Action.

You can click the ‘Event Label’ at the top.

After that, you’ll be able to view the total events for 25%, 50%, 75%, and 100% scroll depth.

If you want more granular details, then you can use Google Analytics secondary dimension feature alongside the Scroll Depth event to see the scroll data for each individual landing page.

View Scroll Depth Tracking Data in Google Analytics 4

You can also view user scrolling data in Google Analytics 4.

First, log in to your account and select the GA4 property from the menu on the top.

After that, you can go to ‘Reports snapshot’ from the menu on your left.

Next, head to Life cycle » Engagement » Events and then click the ‘scroll_depth’ event name in the report.

After that, Google Analytics 4 will show you a scroll-depth overview report.

You can view the Scroll Timing and Percentage reports to see how far people scrolled your website.

We use MonsterInsights on all our websites because it’s the most complete Google Analytics plugin for WordPress, and we recommend all our users to do the same. They have a free MonsterInsights plugin, and you can also upgrade to the premium version to unlock more powerful tracking.

We hope this article helped you learn how to track scroll depth on your WordPress site using Google Analytics. You may also like to see our guide to boosting WordPress speed and performance, and how to start an online store.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.