Auto-instrument user interactions as transactions

[AbhiPrasad]

Problem Statement

This helps address issues like #3169, and fix issues like #4072.

It would be a great feature if we could auto-instrument user interactions as transactions. This needs to work similarily to what we did for Android and iOS already.

The main interaction to capture is probably clicks, we can explore more after that!

In addition, this will help with stuff like supporting INP - as we can more carefully track user interactions as a performance metric.

Solution Brainstorm

On click, create a ui.action transaction. This can be tagged with information about the click event.

This will need to be opt-in, as it could potentially spike user's quota.

What we've done in Sentry: https://github.com/getsentry/sentry/blob/d415fe75b82141e45fbeddae84d62fc42a7cb9de/static/app/utils/performanceForSentry.tsx#L46

[kee0624]

Hi, I wonder if this is already merged to the latest sentry react? Below is the version I am using and I am still experiencing the same issue on everytime when I fetch a api request the sentry-trace is not being added to the headers.
"@sentry/react": "^7.51.2",

[louisscruz]

Has there been any traction on this? We’re very interested in finding some solution to capturing INP and it would be tremendously valuable if Sentry just handled it.

[AbhiPrasad]

Hey! This is something we've been actively investigating, and it's a priority for us, just have to figure out some challenges of how to best group interactions together so they can be meaningfully analyzed (lack of AsyncContext support also means that attributing slow http requests to an interaction is also hard).

INP support in Sentry is being tracked here: getsentry/sentry#57907 - we aim to have something ready before INP replaces FID in March 2024.