Set Up User Feedback

Learn how to enable User Feedback in your app.

The User Feedback feature allows you to collect user feedback from anywhere inside your application at any time, without needing an error event to occur first. The Crash-Report Modal feature, on the other hand, lets you prompt for user feedback when an error event occurs.

Note that if you're using a self-hosted Sentry instance, you'll need to be on version 24.4.2 or higher in order to use the full functionality of the User Feedback feature. Lower versions may have limited functionality.

The user feedback API allows you to collect user feedback while utilizing your own UI. You can use the same programming language you have in your app to send user feedback. In this case, the SDK creates the HTTP request so you don't have to deal with posting data via HTTP.

Sentry pairs the feedback with the original event, giving you additional insight into issues. Sentry needs the eventId to be able to associate the user feedback to the corresponding event. For example, to get the eventId, you can use beforeSendor the return value of the method capturing an event.

Copied
import * as Sentry from '@sentry/browser';

const eventId = Sentry.captureMessage('User Feedback');
// OR: const eventId = Sentry.lastEventId();

const userFeedback = {
  name: 'John Doe',
  email: 'john@doe.com',
  message: 'I really like your App, thanks!',
  associatedEventId: eventId,
};
Sentry.captureFeedback(userFeedback);

You can also attach further data to the feedback event by passing a hint as a second argument. This is similar to other capture methods:

Copied
Sentry.captureFeedback(
  {message: 'I really like your App, thanks!'},
  {
    captureContext: {
      tags: {key: 'value'},
      extra: {key: 'value'},
    },
    attachments: [
      {
        filename: 'screenshot.png',
        data: 'base64-encoded-image',
      },
    ],
  }
);

Alternatively, you can use the User Feedback API endpoint directly.

Our embeddable, JavaScript-based, Crash-Report modal is useful when you would typically render a plain error page (the classic 500.html) on your website.

To collect feedback, the Crash-Report modal requests and collects the user's name, email address, and a description of what occurred. When feedback is provided, Sentry pairs the feedback with the original event, giving you additional insights into issues.

The screenshot below provides an example of the Crash-Report modal, though yours may differ depending on your customization:

An example of a Crash-Report modal with text boxes for user name, email, and additional details about the break.

The modal authenticates with your public DSN, then passes in the Event ID that was generated on your backend.

If you're using a framework like React or Angular, the best place to collect user feedback is in your error-handling component. (Please see platform-specific docs for examples.) If you're not using a framework, you can collect feedback right before the event is sent, using beforeSend:

Copied
<script>
  Sentry.init({
    dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
    beforeSend(event, hint) {
      // Check if it is an exception, and if so, show the report dialog
      if (event.exception && event.event_id) {
        Sentry.showReportDialog({eventId: event.event_id});
      }
      return event;
    },
  });
</script>
Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or suggesting an update ("yeah, this would be better").