Skip to main content

Developer Tools: Console Logs and Network Requests

Jon avatar
Written by Jon
Updated this week

Userback Feedback Widgets and Session Replays can record your users' console logs, network requests, and click events, adding valuable content for your team and developers.

These developer tools are captured in two ways, each serving a distinct purpose:

  1. Feedback Widget: Captures console errors and events specific to the moment feedback is submitted. This information is also shared with any integrations you've set up.

  2. Session Replay: Offers a comprehensive view of the user’s experience, including everything leading up to and after the feedback.


What's Captured

  • Console Logs: Once activated, they capture crucial client-side JavaScript errors and full logs, giving you a detailed record of any issues that occurred during a user's session.

  • Event Tracking: Event Tracking provides a clear picture of user interactions up to the moment they submit feedback or report a bug. Event Tracking eliminates guesswork, offering a readable history of the user's journey and interactions.

  • Network Requests: When enabled, this records outbound HTTP requests made during the user's session, helping you identify performance issues. You can also filter by request type to focus your troubleshooting.


Activate Developer Tools on Feedback Widget

  1. Ensure the Userback Widget is installed on your website or app.

  2. Edit your Widget and go to the More Tab.

  3. Here, you can select the desired Console Logs, Network Requests, and Event Tracking options.

  4. Once enabled, all feedback will automatically include these advanced tracking details.

Viewing Logs in Feedback Viewer

Access Console Logs, Network Requests, and Event Tracking directly in your feedback 'Dev Tools' when reviewing feedback in Userback. This immediate access to technical and interaction data provides a snapshot of the issue, enabling quick assessment


Activate Developer Tools on Session Replays

  1. Navigate to the Sessions Tab from the Left-hand Menu.

  2. Click the Settings button and navigate to the 'Dev Tools' Tab.

  3. Toggle the tools that you would like included with Sessions.

Viewing Logs in Session Replay

Dive deeper using Session Replay. Here, Console Logs and Event Tracking synchronize with the user's actions, providing a comprehensive view of the user experience.

Fullscreen - Preview of Session Replay

Frequently Asked Questions

Q: Are Console Logs and Event Tracking included in integrations?

A: Yes, when feedback is sent to integrations like Jira, both Console Logs and Event Tracking data are included to help provide context and streamline debugging. However, Network Requests are not included in the data sent to integrations.

Q: What if I don’t see expected Console Logs or Event Tracking data?

A: If you’re not seeing any console logs, here are a few things to check:

  1. Verify the Widget Installation: Ensure that the Userback Widget is correctly installed on your site.

  2. Confirm Errors in the Console: Double-check that there are actual errors in the console when testing feedback.

  3. Review the Widget Code Placement: The Userback Widget code loads asynchronously by default. This means that if console logs or JavaScript errors occur before the widget code is fully loaded, they won’t be captured. To address this, update your widget code and place it as close as possible to the opening <head> tag. See the example below:

    <html>
    <head>

    <script src="https://static.userback.io/widget/v1.js"></script>
    <script>
    Userback.access_token = YOUR_ACCESS_TOKEN;
    </script>

    </head>
    <body></body>
    </html>

Q: Are there compatibility issues with the Userback browser extension?

A: Event Tracking is compatible with the Userback browser extension, but Console Logs and Network Requests are not. Ensure proper widget code placement for full functionality.

Q: How should Userback be installed for optimal data collection?

A: To collect all events and console logs, Userback should be installed via an advanced method. This involves placing the Userback widget code in the head section of your website or using NPM for integration. This ensures comprehensive data capture, especially for early-loading events and console logs.

Available on Scale, Company, and Premium Plans

Did this answer your question?