From 1ffb3640b41a804db204b6413ee3ac93a73a31de Mon Sep 17 00:00:00 2001 From: Mike Robins Date: Tue, 9 Dec 2025 12:21:33 +1100 Subject: [PATCH] Add sample frustration tracking page demo --- examples/web/frustration-tracking.html | 833 +++++++++++++++++++++++++ 1 file changed, 833 insertions(+) create mode 100644 examples/web/frustration-tracking.html diff --git a/examples/web/frustration-tracking.html b/examples/web/frustration-tracking.html new file mode 100644 index 000000000..04b002c0c --- /dev/null +++ b/examples/web/frustration-tracking.html @@ -0,0 +1,833 @@ + + + + + + + Frustration Tracking Example - Rage, Dead, and Error Clicks + + + + + + + +
+

Tracking your frustration programatically

+ +
+ DataDog's implementation. + It tracks three types of frustration: +
    +
  • Rage Clicks: 3 or more clicks within 1 second (without scrolling or text selection)
    • +
  • Dead Clicks: Clicks that produce no page activity, input, or navigation
    • +
  • Error Clicks: Clicks that occur within 1 second of a JavaScript error
    • +
+
+ +

Test Rage Clicks

+
+ +
+ +

Test Dead Clicks

+
+ +
+ Non-Interactive Div +
+
+ +

Test Error Clicks

+
+ +
+ +

Test Interactive Elements (Should NOT trigger dead clicks)

+
+ These elements should not be marked as dead clicks because they're expected to be interactive. +
+
+ + + + Interactive Link + +
+
+ + + + + + +