Sentry Span Metrics

[mydea]

We recently announced upcoming API changes to our existing SDK Metrics API here.

Moving forward, Metrics will be extracted from the spans data attribute.

This discussion collects some examples for how to do certain things.

How to attach data to a span

const span = Sentry.getActiveSpan();
if (span) {
  span.setAttribute('foo', 'bar');
  span.setAttribute('baz', 123);
}

Examples

Counting button clicks

myButton.addEventListener('click', () => {
  Sentry.startSpan({ name: 'button-clicked' }, async () => {
    await fetch('/submit');
  });
});

Measure component load time

const span = Sentry.getActiveSpan();
if (span) {
  span.setAttribute('component-load-time', 15.5);
}

Count unique users

Sentry.init();

const span = Sentry.getActiveSpan();
if (span) {
  span.setAttribute('user', 'anne');
}

Increment a counter in a loop

let successCount = 0;
let failureCount = 0;

Sentry.startSpan({ name: 'processing-users' }, async (span) => {
  span.setAttributes({ 
    success: successCount, 
    failure: failureCount
  });

  const allUsers = await getAllUsers();
  for (const user of allUsers) {
    try {
        await processUser(user);
        successCount++;
        span.setAttribute('success', successCount);
      } catch(error) {
       failureCount++;
       span.setAttribute('failure', failureCount);
     }
  }
});