https://github.com/gion/hotjar-demo
hotjar like recording proof of concept
https://github.com/gion/hotjar-demo
hotjar prototype recording tweenmax
Last synced: 4 months ago
JSON representation
hotjar like recording proof of concept
- Host: GitHub
- URL: https://github.com/gion/hotjar-demo
- Owner: gion
- License: mit
- Created: 2017-07-20T06:26:12.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-09-25T08:18:07.000Z (about 5 years ago)
- Last Synced: 2025-02-28T21:08:23.738Z (8 months ago)
- Topics: hotjar, prototype, recording, tweenmax
- Language: HTML
- Homepage: https://gion.github.io/hotjar-demo/view.html
- Size: 22.5 KB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hotjar-demo
### Description:
This project aims to reproduce [Hotjar](https://www.hotjar.com/)'s "record" functionality.
It's not intended to be a fully working app, it's just a prototype that should allow further investigations/conclusions for this kind of feature.
### Disclaimer:
I intentionally didn't use any modern stack (no react/angular, no gulp or webpack and no other linters and preprocessors of any kind) in order to focus on fast iterations rather than setting up bullet proof project.
### How to use:
This *project* has 2 parts:
- [gathering data from a page](https://gion.github.io/hotjar-demo/)
- [viewing that data](https://gion.github.io/hotjar-demo/view.html)
For the first part, you need to head to [the root page](https://gion.github.io/hotjar-demo/) of the project and supply some interactions with the page (click, scroll, type stuff, resize...), try to simulate a normal user.
The *fun* part happens when you try to view any previous recorded user activity by going to [the view page](https://gion.github.io/hotjar-demo/view.html). Here you can select which recording you want to see and control it like a video (play/pause/seek).
You should see an exact replica of how you've previously interacted with the first page.