Browser Instrumentation

\[deprecated] this page has been deprecated in favor of frontend monitoring opsverse browser rum uses opentelemetry standards to enable high quality, ubiquitous, and portable telemetry to enable effective observability overview opsverse browser rum uses opentelemetry standards to enable high quality, ubiquitous, and portable telemetry to enable effective observability currently the library supports only fetch api https //developer mozilla org/en us/docs/web/api/fetch api for trace header propagation axios has known issues https //github com/open telemetry/opentelemetry js/issues/1076 setup install the opsverse rum package using the following command npm install save opsverse rum import and initialize the package by including the following code snippet to your application for html and javascript based application import("opsverse rum") then((res) => { if(res){ res start({ authkey "\<b64encodedbasicauthtocollectorurl>", servicename "example service", collectorurl "\<opentelemetrycollectorurl>", samplingratio "1" //min 0 0 and max 1 0 }); } }) or import { opsversebrowserrum } from ‘opsverse rum’ if (typeof window !== "undefined" && opsverserum) { opsversebrowserrum start({ authkey "\<b64encodedbasicauthtocollectorurl>", servicename "example service", collectorurl "\<opentelemetrycollectorurl>", samplingratio "1" //min 0 0 and max 1 0 }); } for nestjs based application add the following snippet to you app js file import dynamic from "next/dynamic"; const \[libraryloaded, setlibraryloaded] = react usestate(false); const opsverserumlibrary = dynamic( () => import("opsverse rum") then((res) => { if (res) { setlibraryloaded(true); } }), { ssr false } ); react useeffect(() => { if (!libraryloaded) return; opsversebrowserrum start({ authkey "\<b64encodedbasicauthtocollectorurl>", servicename "example service", collectorurl "\<opentelemetrycollectorurl>", samplingratio "1" //min 0 0 and max 1 0 }); }, \[libraryloaded]); return ( <> \<component { pageprops} /> \<opsverserumlibrary /> \</> ) once you run your application you should see traces being exported to the provided collector url in the console/network tab of the browsers developer toolbar