Back to posts

Measure User Flows with Chrome’s Recorder

Berkay Demirbas

In Chrome 97, the Record feature has been added to better measure web analytics measurements and user behaviors.

In order to test this beta feature, you must first download Chrome 97 from here.

To open the Recorder panel, go to dev tools with right-click inspect, open "run command" using this shortcut 👉 shift + ⌘ + p and search "recorder".

https://res.cloudinary.com/raufsamestone/image/upload/v1641126868/blog-contents/chrome-recorder/rk5xcho4wuw4ynluh3ks.jpg

For example, you can measure your e-commerce site product clicks or add to cart events

https://res.cloudinary.com/raufsamestone/image/upload/v1641127099/blog-contents/chrome-recorder/f7ttcntpgk1o9xqrrkll.png

You can automate your test events by replaying your previous recordings like add to cart and remove to cart events for your Google Tag Manager Enhanced Ecommerce tests.

https://res.cloudinary.com/raufsamestone/image/upload/v1641126867/blog-contents/chrome-recorder/dwsbmzmde4insglv3yx0.jpg

Update existing events in recordings, assign new events and frames. It is a hot feature, especially in SPAs.

You can also create multiple functions by adding another event to the record. For example, as a Search Query case, you can simulate a user who searches only for jackets.

https://res.cloudinary.com/raufsamestone/image/upload/v1641126867/blog-contents/chrome-recorder/rzgcbve1f3cc5uxwt7rs.jpg

And add other searches like tshirt by adding a new step.

https://res.cloudinary.com/raufsamestone/image/upload/v1641127886/blog-contents/chrome-recorder/iopeh0dpecr9jkfmmgfc.jpg

To create different user records by manipulating the events after the slider in product impression measurements, you can specify the user's next click as add to wishlist like this.

https://res.cloudinary.com/raufsamestone/image/upload/v1641127340/blog-contents/chrome-recorder/vp7zojelun5ppfaqyk98.jpg

Also, you can export these records to Puppeteer for detailed performance and measurement tests.

You can find more about chrome’s new feature 🔗 :

Web Analytics Chrome User Flows
© 2022, I use Cookie 🍪