Recording links with developer logs

Connect BetterBugs with your website and use recording links to get developer logs (console, network, warnings, and others) for the issue, auto-attached with the recording.

Create recording URLs from your own domain

You can set up your own domain for creating recording URLs as recording links. Once you add and configure your website/domain with BetterBugs' “Recording Links” option, you can send recording links from your domain to others.

Using the recording URL, users can record their screen + send auto-attached console logs, network requests, and other devtools information back to you. There’s no back-and-forth for missing info, and developers can start debugging right off the bat using the comprehensive report.

It’s perfect for getting the visual proof, complete context, and technical details all bundled within the same report. The best part? Both technical and non-technical users can easily create and submit bit-perfect bug reports back to you.

Steps to configure recording URLs for getting developer logs

Here’re the steps for it:

1

Open the “Recording Links” tab

Log in to your BetterBugs account. Open Workspace Settings > Recording Links

2

Add domain

Enter your website/domain address and click “Add”.

3

Install the recorder and log capture scripts

Add the following recorder and logs capturer scripts to your website's HTML head tag. These allow your recording URL to capture technical details (console logs and network requests) to auto-attach with your recording.

<html>
  <head>
    <!-- Put this in your HTML head tag -->
    <script src="https://cdn.jsdelivr.net/npm/@betterbugs/web-sdk@latest/recorder.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@betterbugs/web-sdk@latest/logsCapturer.js"></script>
  </head>
</html>
4

Test the recording URL setup

Finally, click the “Test” button to check if everything works correctly. A new tab should open with a recording link from your domain.

A widget should appear, which shows the successful installations of the “Recorder script” and the “Web SDK”.

You’re good to go.

Using the recording URL

Here are the steps for using the recording URL

1

Click “Recording Links” from the sidebar

Click on the “Recording Links” option from the left sidebar.

2

Create new link and copy to the clipboard

Click on the “New” button on the right side. Now,

  • Provide a name for the recording (optional)

  • Capture logs from (Select the domain for which you want to create a recording URL )

Next, hit the “Create link” button. A new link gets created and gets copied to your clipboard.

3

Share the link with others

You can share the copied link with others. This would open a dialog box with a button to “Start Recording”.

After recording, the user can submit the visual bug report with an email*, title, and a description about what went wrong.

PreviousRecording linksNextIntegrations

Last updated

Was this helpful?