this post was submitted on 15 May 2025
4 points (100.0% liked)

Learn Programming

1846 readers
1 users here now

Posting Etiquette

  1. Ask the main part of your question in the title. This should be concise but informative.

  2. Provide everything up front. Don't make people fish for more details in the comments. Provide background information and examples.

  3. Be present for follow up questions. Don't ask for help and run away. Stick around to answer questions and provide more details.

  4. Ask about the problem you're trying to solve. Don't focus too much on debugging your exact solution, as you may be going down the wrong path. Include as much information as you can about what you ultimately are trying to achieve. See more on this here: https://xyproblem.info/

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS
Ategon
JaumeI
bugsmith
4
Associate OTEL user interactions with a react spa page (self.learn_programming)
submitted 1 week ago* (last edited 1 week ago) by zamithal to c/learn_programming
0 comments fedilink hide all child comments
 

Hello,

I am attempting to associate user clicks into a trace using open telemetry.

using the auto instrumentation library, I want click to result in a span under a per-page span.

/foobar

  • click
  • click
  • click
  • navigate /barfoo

/barfoo

  • click
  • click
  • click

like that.

I can get all my click traces to populate but cannot figure out how to associate them to a parent span for the page.

I've been following otel docs, but it really only seems to cover async calls to my API.

https://opentelemetry.io/docs/languages/js/instrumentation/

user interaction instrumentation library:

https://www.npmjs.com/package/@opentelemetry/instrumentation-user-interaction

Any tips would be appreciated :)

EDIT: I forgot to mention this is a React Single page Application.

no comments (yet)
sorted by: hot top controversial new old
there doesn't seem to be anything here