As part of our [Real User Monitoring](https://coralogix.com/docs/user-guides/rum/getting-started/real-user-monitoring/index.md) (RUM) toolkit, Coralogix offers multi-faceted Error Tracking, enabled by our **CDN RUM Browser SDK**. ## Overview Using a CDN RUM browser SDK enables quick and efficient deployment of monitoring tools by simply embedding a script tag in your HTML, without needing to install packages or set up a build system. This approach offers significant advantages: it minimizes setup time, leverages globally distributed CDN infrastructure for low-latency script loading, and benefits from browser-level caching, which can reduce load times and improve performance. Additionally, it allows developers to integrate RUM into static or legacy sites without major codebase changes, making it a convenient solution for capturing real-world user performance and behavior data with minimal effort. For information on our **NPM Browser SDK**, view [this page](https://coralogix.com/docs/user-guides/rum/sdk-installation/javascript/npm-browser/index.md). ## Configuration Select the exact version required for your use case. ### Specific version (recommended) By default, the CDN is built using the ES2015 (ES6) standard. Use a specific browser version (`https://cdn.rum-ingress-coralogix.com/coralogix/browser/[version]/coralogix-browser-sdk.js`). Replace `[version]` with a version from our [Releases page](https://www.npmjs.com/package/@coralogix/browser?activeTab=versions). Note The latest CDN version option is no longer available. Use an explicit version instead. ### ES5-compatible version For legacy environment support, ensure you're using the ES5-compatible version (`https://cdn.rum-ingress-coralogix.com/coralogix/browser/[version]/coralogix-browser-sdk.es5.js`). ## Adding CDN script to your application. ```text ... ``` ## Initialization Initialize the SDK using a JS or TS file. ### JS file ```js window.CoralogixRum.init(...); ``` ### TS file ```ts window.CoralogixRum.init(...); // In case of warning from TSC declare global { interface Window { CoralogixRum: CoralogixOtelWebType; } } ``` ### Web Vitals Changed in 3.0.0 **Breaking change:** TBT (Total Blocking Time) is no longer collected by default. To enable it, pass the `instrumentations.web_vitals.metrics.tbt` option to `CoralogixRum.init()`: ```json { "instrumentations": { "web_vitals": { "metrics": { "tbt": true } } } } ``` All Web Vitals metrics, including TBT, are collected automatically with no additional configuration. ## Additional resources | | | | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Documentation | [Real User Monitoring](https://coralogix.com/docs/user-guides/rum/getting-started/real-user-monitoring/index.md) [RUM Integration Package](https://coralogix.com/docs/user-guides/rum/getting-started/rum-integration-package/index.md) [Error Tracking](https://coralogix.com/docs/user-guides/rum/product-features/error-tracking/index.md) [Error Tracking: User Manual](https://coralogix.com/docs/user-guides/rum/product-features/error-tracking-user-manual/index.md) | ## Support **Need help?** Our world-class customer success team is available 24/7 to walk you through your setup and answer any questions that may come up. Contact us **via our in-app chat** or by emailing [support@coralogix.com](mailto:support@coralogix.com).