Console Log and Event Tracking
Jon avatar
Written by Jon
Updated over a week ago

By enabling the Advanced tracking features within Userback, you'll be able to replicate and resolve bugs faster. Advanced tracking features include Console logs and Event Tracking for client-side JavaScript errors and detailed click tracking for more accurate analysis of bug reports.


Console Logs

Once enabled, every bug report or feedback will include detailed Client-side JavaScript errors and logs that were recorded at the time. The logs are included within each feedback and will be automatically sent to your project management tool if connected.

console.png

Event Tracking

See exactly what your users clicked right up until the point of reporting a bug or providing feedback. Sometimes it is hard to replicate a bug without knowing the exact steps. Event Tracking helps to remove some of this ambiguity to see your website or App through your users' eyes. Combined with console logs, you'll be better equipped to squash bugs faster.

event.png

How to Enable Advanced tracking

To enable Advanced Tracking, you'll first need to ensure that you have installed the Userback Widget code on your website or App.


πŸ“˜Note - Console logs will not work with the Userback browser extension, event tracking will still work.


Select the project

Go to Settings, then Widget

Toggle on Console Log and select which information; Logs, Errors, Warnings, Info, and Debugging information

Toggle on Event tracking.

All feedback will now automatically include console logs and event tracking.


View Console Logs and Event Tracking

Once Console logs and Event tracking have been enabled, this information can be viewed directly within the feedback.

Open feedback and click on Dev Tools, then select Console or Events to see the data captured.


FAQ πŸ’¬

I have missing console logs, what's wrong?

Userback's widget code is loaded asynchronously by default. That means the console logs or JavaScript errors that occur before the widget code is loaded won't be captured.

In order to capture all the console logs, you must update your widget code and place it as close to the opening <head> tag as possible. Please 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>

πŸ” Who is this article for?

Plans

Solo

Startup βœ”

Company βœ”

Premium βœ”

User type

Client

Collaborator

Admin βœ”

Owner βœ”

πŸ“™ Helpful articles

Did this answer your question?