So ...

Basically, the plugin will allow you to measure how far down the page your users are scrolling.

It monitors the 25%, 50%, 75%, and 100% scroll points, creating a Google Analytics event at each point. Which also means, that you can track when specific elements on the page are scrolled into view (for example, you can send a scroll depth event whenever the user reaches the end of your post).

Upon activation, go to Settings => ScrollDepth to access the plugin configuration page:

You'll be able to customize the following options:

• Minimum Scroll Height = this option will allow you to disable the scroll tracking feature for documents that don't meet a given height requirement; for example, you want to track the scroll events only for documents taller than 2,000 pixels; the default setting is 0 (all pages are tracked)
• Elements to track = this option will allow you to record scroll events for specific elements on the page; for example, you want to track when the footer is scrolled into view; you can track multiple elements (separated them by commas), but you'll have to use unique elements defined by HTML IDs, so this option is for advanced users only
• Percentage = this option will allow you to turn off the default scroll percentage tracking; if is set to "false" the plugin will track only the unique elements specified in the previous option
• Send Timing Events = this option will allow you to turn off the tracking for the User Timing events (Google Analytics feature that allows you to track timings of visitor actions)
• Pixel Depth = this option will allow you to turn off the tracking for the Pixel Depth events (while the Scroll Depth percentage events provide a relative measure of scroll depth, Pixel Depth events provide an absolute measure, which can be useful for comparing across devices where the relative percentage heights vary greatly)
• nonInteraction = by default, the scroll events will not impact your bounce rate; you can change this option to false if you consider scrolling an activity that negates a bounce
• gtmOverride = by default, if the plugin detects Google Tag Manager, it assumes that you're using it for your Google Analytics implementation; so, if you're using Google Tag Manager, but you are not using it for Google Analytics, then you'll have to set this option to "true" and yje plugin will ignore the Google Tag Manager

The last two options ("gaGlobal" and "Event Handler") are for advanced users so I won't go into details ...

Now, before moving forward to the last section of this tutorial, I want to make two important notes:

1. I admit, all these options may sound scary for beginners ... But, don't worry, you don't have to be a Google Analytics expert to use the plugin, because the default settings will work fine for any website. So, if you are not familiar with all these terms, you can simply use the plugin "as it is" ...

2. In certain cases - due to various technical issues - you may see two "true" options in the aforementioned drop-down lists:

It's nothing else, but a weird selector display glitch which appears only on the back-end. Meaning: the second "true" item is actually the "false" option and the code generated by the plugin will be correct.

OK. With that having said, let's see the magic...