Get started with Meticulous Recorder

Meticulous recorder is a tool for recording real user sessions. The recorder captures your users' actions and any network requests (and responses) during their session. Please note that although plaintext passwords are redacted, the recorded network requests can include authorization tokens and other headers -- you should therefore only add trusted users to your Meticulous organization. You can either add the recorder to all environments or just internal non-production environments.

1. Sign up

2. Install the Meticulous recorder

We have instructions for both NextJS and non-NextJS apps (or, if none of these work, you can install the Meticulous recorder using a script tag.).

Please select your framework:

Installing on NextJS

Add a script tag to your _document.js file within Head. It's important to use the native script tag instead of the NextJS Script component and to not add defer or async tags to the script tag. This ensures Meticulous can instrument fetch and similar browser APIs before any scripts execute and capture a reference to such methods.

      // eslint-disable-next-line @next/next/no-sync-scripts

3. Validating installation

Once you add the Meticulous snippet open your webapp (either locally or on the environment that you injected the snippet into) and record a session by clicking around on your web app.

If the snippet was installed successfully you should be able to view the recorded session in your Meticulous dashboard in the Sessions section.

Issues / questions?

We're always happy to help you with any issues you encounter while setting up or anything you might be unsure about.

Get in touch by emailing

Next Steps