WP Scroll Depth

Description

WP Scroll Depth is a simple WordPress plugin that loads and calls the Scroll Depth jQuery script.

Google Analytics doesn’t capture user scrolling information by default. This could be very important information if you have tall, scrolling, pages. Scroll Depth sends this information as Google Analytics events.
Update: Google Tag Manager now includes Scroll Depth and Element Visibility triggers.

From the Scroll Depth website:

Scroll Depth is a small Google Analytics plugin that allows you to measure how far down the page your users are scrolling. It monitors the 25%, 50%, 75%, and 100% scroll points, sending a Google Analytics Event at each one.
You can also track when specific elements on the page are scrolled into view. On a blog, for example, you could send a Scroll Depth event whenever the user reaches the end of a post.
The plugin supports Universal Analytics, Classic Google Analytics, and Google Tag Manager.

More information about Scroll Depth can be found in the Scroll Depth documentation.

Features:

  • Simple plugin – you don’t need to modify your theme to load the JavaScript
  • Implements basic scrolling events (25%, 50%, 75%, 100%) with no additional configuration
  • Admin Panel to configure all available options

Requirements:

  • Google Analytics
  • jQuery 1.7 or higher

Since this plugin sends Google Analytics Events, you must be running Google Analytics to see any results.

While jQuery is probably already available in your theme, in the unlikely event that it isn’t, you can use a plugin like WP jQuery Plus to add it to your site.

Screenshots

  • The WP Scroll Depth admin panel.
  • Google Analytics Real-Time Events.
  • Google Analytics page scroll percentages.

Installation

Install from WordPress.org

  1. Log into your website administrator panel
  2. Go to Plugins page and select “Add New”
  3. Search for “WP Scroll Depth”
  4. Click “Install Now” on the SearchCloak entry
  5. Click Activate Plugin

Install via ftp

  1. Download the plugin zip file using the button above
  2. Log into your website administrator panel
  3. Go to Plugins page and select “Add New”
  4. Click “Upload”
  5. Choose your recently downloaded zip file
  6. Click the Install Now button
  7. Click Activate Plugin

FAQ

Installation Instructions

Install from WordPress.org

  1. Log into your website administrator panel
  2. Go to Plugins page and select “Add New”
  3. Search for “WP Scroll Depth”
  4. Click “Install Now” on the SearchCloak entry
  5. Click Activate Plugin

Install via ftp

  1. Download the plugin zip file using the button above
  2. Log into your website administrator panel
  3. Go to Plugins page and select “Add New”
  4. Click “Upload”
  5. Choose your recently downloaded zip file
  6. Click the Install Now button
  7. Click Activate Plugin
First: Confirm the code is being added to your pages:

Load a page and view source. Look for “scrolldepth.” You should find:

  1. The line in the <head> section where scrolldepth.min.js is loaded.
  2. A script block in the <head> section where jQuery.scrollDepth(); is being called.

If you don’t find the code there, then the plugin hasn’t loaded. Check the usual suspects about malfunctioning plugins.

Second: Make sure the code is executing:

Open the JavaScript/debugging console in your browser and load a page from your site.
If there are no errors and the code is being loaded, then it’s probably working. Time to test.
If there’s an error or conflict, please post in the support forums.

Third: Confirm events are being sent.

Open your Google Analytics and go to the Reporting tab for your site.
Click on Real-time and then Events.
Open another window or browser with your site.
Scroll! Scroll like the wind!

You should see events with a Category of “Scroll Depth.”
If you don’t see these events, make sure your Google Analytics is properly set up and configured.

Reviews

Bit Of A Newb Here

I am a newb to event tracking, but I do use analytics and I have a G analytics plugin working. So do I just install this plugin and wait for something to magically appear on over on Analytics in the event area? I started using another plugin that does clicks, so I was happily surprised to see that it magically started tracking individual outbound link clicks, so is this plugin kind of like that too? Or should I be jamming code in weird places?
Yours Newb-ly,
Dave

Worked right out the box

So simple and easy to set up and start tracking event in Google Analytics. Also very easy to use with Google Tag Manager to build some powerful tags.

Read all 4 reviews

Contributors & Developers

“WP Scroll Depth” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP Scroll Depth” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.4.1

  • Tested with WordPress 4.9
  • Added notes about Google Tag Manager

1.4.0

  • Tested with WordPress 4.8
  • Update scrolldepth library to version 1.0 (2016 12 17)

1.3.4

Updated “Tested up to” version

1.3.3

  • Removed default value for gaGlobal

1.3.2

  • Fix version number in plugin

1.3

  • Reformat readme.txt
  • Try to force new version number

1.2.1

  • Fix readme.txt
  • Add missing screenshots
  • Add missing test in scrolldepth library

1.2

Updated scrolldepth library to version 0.9 (2015 11 19)
Added new options:
– gtmOverride
– gaGlobal
– eventHandler
Tested with WordPress 4.4

1.1

Updated scrolldepth library to version 0.7.1 (2014 12 19)
Tested with WordPress 4.1

1.0

Initial commit