Websites have an incredible amount of elements that users interact with. What happens when one of these elements stops working or never worked in the first place? When this happens it often leads to a high level of confusion, frustration creating a negative digital experience for that user. In order to continue improving User Experience on the website, we need to identify when there may be a possible dead link or part of the website that needs addressing. DI and LDM have a custom built solution that will help identify an issue quickly, which will lead to recommendations to eliminate them. This solution is called “Rage Click” Tracking.
A “Rage Click” is captured within Google Analytics as a GA Event. It is a custom solution typically configured within Google Tag Manager by the DI/LDM team. Once in place, it can be found within GA in the ‘Top Events’ report under the Event Category called “Rage Click”.
Get started implementing Rage Click tracking on your website
To start, you’ll need to create a custom HTML tag in Google Tag Manager. You’ll probably want to fire this on all pages, unless you are planning on testing just a single page. Implementations may vary depending on business needs, so do what makes sense to you!
Define the number of clicks you think meets the minimum threshold for frustration (for example: 3 in a 2 second duration) and the radius for the clicks (e.g. 100 pixels).
Next up, you’ll need functions that detect clicks (a listener that will watch for click events and determine if clicks are happening within the defined timeframe, and within the defined radius), then store that data in your click events array.
From here, it’s pretty simple: we just need to ensure Google Tag Manager and Analytics are prepared to receive and store our data so we can report on it, long-term.
Step 2: Create user defined dataLayer variable(s) to store your rage click data
Any related data you’ve captured and passed through the dataLayer in custom variables will have to go somewhere; create those variables in Google Tag Manager so it’s properly saved.
Step 3: Configure custom event(s) trigger to track in Analytics
Step 4: Create the actual event that will be pushed to GA.
Finally, make sure that you have an event ready to push to GA when the custom event trigger is fired.
Why should you implement Rage Click tracking?
Implementing the Rage Clicks custom solution also includes the following benefits:
- Ability to identify elements/areas on the website where users are clicking multiple times without any result(rage clicking)
- Report on number of users/sessions who are rage clicking
- Report on the type of element which was rage clicked e.g. Image, Text Link, Button
We’ve done it: now what?
- Detect HTML issues such as dead links that can be fixed quickly by the development team
- Fix confusing elements on the website that users may be interacting with by performing A/B Tests
Are you curious about “Rage Clicks?” If you would like to have “Rage Clicks” set up on your website, get in touch with our team. Start being proactive and not reactive and get control of your user experience.