Skip to content

A method to record users' journeys on your site and play them back.

Notifications You must be signed in to change notification settings

davidgilbertson/peeping-dom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Peeping DOM

This is an experiment.

Peeping DOM enables you to record your users' journeys through your site and play them back.

  • Playback will replicate the screen size used by your user
  • Will highlight the elements being clicked on, and replicate text being entered
  • Will replay state changes in a React app
  • Select which session to play back (e.g. filter by users that searched and bought a product)
  • Play back at real time speed, or step by interactions (type, click, click, type, click, etc)

The two parts

Record

The markup that you must add to your code in order to record the interactions

  • naming clickable elements.
  • recording state changes for state-playback locally

Playback

  • Open a special page for viewing playbacks and select a session (user journey) from a list
  • Play that session (in an iFrame that matches the users viewport)
  • Plays at normal speed or step forward/backward by interaction

About

A method to record users' journeys on your site and play them back.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published