-
Notifications
You must be signed in to change notification settings - Fork 328
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Set up OTEL browser auto instrumentation #8706
base: main
Are you sure you want to change the base?
Conversation
|
…et-up-frontend-otel-tracing
…et-up-frontend-otel-tracing
@@ -122,6 +122,8 @@ | |||
sessionShortcut: 'alt+1,command+`,alt+esc', | |||
version: import.meta.env.REACT_APP_COMMIT_SHA ?? '1.0.0', | |||
serviceName: 'frontend', | |||
enableOtelTracing: true, | |||
otlpEndpoint: 'https://localhost:8318', |
Check notice
Code scanning / devskim
Accessing localhost could indicate debug code, or could hinder scaling. Note
Summary
Adds browser OTEL instrumentation and starts collecting it alongside the existing session data. Also enables browser OTEL instrumentation for the Highlight project.
Collecting this data straight from the browser required us to update the configuration for the OTEL collector so it could send data securely using SSL.
How did you test this change?
Use the app locally and confirm the following.
click
,input
,submit
, andscroll
traces are being capturedHere is an example of a network request with span propagation working:
This only worked because I disabled processing of our
X-Highlight-Header
temporarily, though. I'll set up this connection in HIG-4732.Are there any deployment considerations?
Does this work require review from our design team?
N/A - no visual changes