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/...

user interaction instrumentation library:

https://www.npmjs.com/...

Any tips would be appreciated :)

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

Posting Etiquette

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

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

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

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

Posting Etiquette

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

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

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

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