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