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
- Sign up at https://app.meticulous.ai/signup. You will be prompted to create an organization and project.
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
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.
<Head> ... // eslint-disable-next-line @next/next/no-sync-scripts <script data-project-id="
<RECORDING_TOKEN>" src="https://snippet.meticulous.ai/v1/stagingMeticulousSnippet.js" /> ... </Head>
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 email@example.com
- Relax and sit down while Meticulous is collecting session data for you
- Setup Meticulous to test your pull requests