I would like to be able to track user activity on an HTML page.
What I want to achieve is the following, a breakdown of user activity per page, and a total time spent on the entire flow.
The information I want, is something similar to this:
User ID: [some number]
Page 1:
Pressed "btn-1" after 01:02 sec.
Pressed "btn-2" after 04:12 sec.
Pressed "next-btn" after 06:17 sec.
Total time: 06:17 sec
Page 2:
Pressed "btn-1" after 02:05 sec.
Pressed "next-btn" after 03:37 sec.
Total time: 03:37 sec
Page 3:
Pressed "btn-1" after 00:44 sec.
Pressed "btn-2" after 03:02 sec.
Pressed "next-btn" after 06:02 sec.
Total time: 06:02 sec
All pages - total time: 15:02
Does any of you have experience with something like this? Is Google Analytics a way to go about this, or should I do a custom session tracker in JS?
What are some recommended tools for gaining mouse tracking insights?