CDN Browser SDK Installation Guide

RUM monitoring via CDN allows easy and fast integration of real user performance tracking by embedding a lightweight script tag, enabling immediate insights without complex setup or build tools.

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.

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. Replace [version] with a version from our Releases page.

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.

Adding CDN script to your application.

<head>
  ...
  <script src="https://cdn.rum-ingress-coralogix.com/coralogix/browser/[version]/coralogix-browser-sdk.js"></script>
</head>

Initialization

Initialize the SDK using a JS or TS file.

JS file

window.CoralogixRum.init(...);

TS file

window.CoralogixRum.init(...);

// In case of warning from TSC
declare global {
  interface Window {
    CoralogixRum: CoralogixOtelWebType;
  }
}

Additional resources


Documentation	Real User Monitoring RUM Integration Package Error Tracking Error Tracking: User Manual

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.

tvOS

Next NPM Browser SDK Installation Guide