- 1 Minute to read
- Print
- DarkLight
Scroll Depth
- 1 Minute to read
- Print
- DarkLight
The scroll depth extension is used to record how far users scroll down on a web page. This is a reference value that is of interest when you wish to find out more about user behavior. Learn more here.
The predefined IDs are assigned to each parameters:
Event parameter 501: Scroll Depth (Figure)
Event parameter 502: Page Length
Event parameter 540: Scroll Depth
Methods and properties
name
Get the name of the extension.
/**
* @type {string}
*/
wtSmart.extension.scroll_depth.name;
version
Get the version of the extension.
/**
* @type {string}
*/
wtSmart.extension.scroll_depth.version;
config
Set and get the current configuration of the extension.
roundResult: By default the scroll depth in percent gets rounded up to full fives. Deactivate this option, to receive more detailed results.
/**
* @param {{
* [roundResult=true]: boolean
* }} [config]
*
* @returns {object}
*/
wtSmart.extension.scroll_depth.config(config);
isActivated
Get the status, if the extension is enabled.
/**
* @returns {boolean}
*/
wtSmart.extension.scroll_depth.isActivated();
activate
Activate the extension.
wtSmart.extension.scroll_depth.activate();
deactivate
Deactivate the extension.
wtSmart.extension.scroll_depth.deactivate();
simulate
Simulate an internal scroll or unload event.
/**
* @param {string} eventName (scroll | unload)
*/
wtSmart.extension.scroll_depth.simulate(eventName);
Example
// is scroll depth activated
var isActivated = wtSmart.extension.scroll_depth.isActivated();
// set scroll depth config
wtSmart.extension.scroll_depth.config({
roundResult: false
});
// get scroll depth config
var scrollDepthConfig = wtSmart.extension.scroll_depth.config();
// activate scroll depth
wtSmart.extension.scroll_depth.activate();
// deactivate scroll depth
wtSmart.extension.scroll_depth.deactivate();
// simulate an internal unload event
wtSmart.extension.scroll_depth.simulate('unload');
Code Generator
Use the code generator to create individual code that you can then integrate directly into the website.