Dead, Error and Rage Click Monitoring
Feature
Germain UX RUM JS monitors all type of clicks executed by end users. The following clicks are collected:
Mouse Click (standard click or touch)
Dead Click (clicks that do not have any effect on the page are detected)
Error Click (clicks that trigger JavaScript console errors)
Rage Click (repetitive and consecutive clicks on the same UI element (link, button, input field, etc.))
KPIs
Web Analytics KPIs, Pivots & Measures | Click-Monitoring-KPIs
Example
Configuration
All type of clicks are monitored for each User Monitoring Profile by default.
Dead Click
By default, Error Click is collected when a user clicks (or touches) and that actions does not have any effect on the page (no DOM changes, no scrolling) within 500 ms. You can tweak this setting via settings.plugins.click.deadClickThresholdMillis
and settings.plugins.click.deadClickIgnoreNodeTypes
in the Init Script.
The following code sample shows how to change Dead Click Monitoring settings and wait for page effect up to one second but ignore Input and Textarea fields.
const settings = germainApm.getDefaultSettings();
...
settings.plugins.click.deadClickThresholdMillis = 1000;
settings.plugins.click.deadClickIgnoreNodeTypes = ['INPUT', 'TEXTAREA'];
..
Error Click
By default, Error Click is collected when a user clicks (or touches) and that actions triggers a JavaScipt Console error within 300ms. You can tweak this setting via settings.plugins.click.errorClickThresholdMillis
in the Init Script.
The following code sample shows how to change Error Click Monitoring settings and extend the wait time for the error up to one second.
const settings = germainApm.getDefaultSettings();
...
settings.plugins.click.errorClickThresholdMillis = 1000;
..
Rage Click
By default, Rage Click is collected when a user executes 3 consecutive clicks and there is less than 500 ms between each click. You can tweak this setting via settings.plugins.click.rageClickCounter
and settings.plugins.click.rageClickThresholdMillis
in the Init Script.
The following code sample shows how to change Rage Click Monitoring settings and collect it only for 5 consecutive clicks with a maximum gap of 300ms between each click.
const settings = germainApm.getDefaultSettings();
...
settings.plugins.click.rageClickCounter = 5;
settings.plugins.click.rageClickThresholdMillis = 300;
..
Component: RUM JS
Feature Availability: 2022.1 or later