CDN Browser SDK Installation Guide

As part of our Real User Monitoring (RUM) toolkit, Coralogix offers multi-faceted Error Tracking, enabled by our CDN RUM Browser SDK.

Overview

Perfect for developers seeking client-side SDKs in web development and faster load times, our CDN Browser SDK detects and captures errors that arise within users’ browsers, unhandled exceptions, network errors, and application (custom logic) errors. The SDK collects essential error information and additional contextual data, such as browser details and URLs, and securely sends it to our platform through logs for further analysis.

For information on our NPM Browser SDK, view this page.

Configuration

Add the CDN script to your application.

[Recommended] 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.
The latest browser version: https://cdn.rum-ingress-coralogix.com/coralogix/browser/latest/coralogix-browser-sdk.js

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

Initialization

Initialize the SDK using a JS or TS file.

JS File

window.CoralogixRum.init({
  application: 'app-name',
  environment: 'production',
  public_key: 'abc-123-456',
  coralogixDomain: 'EU2',
  version: 'v1.0.3',
  labels: {
    payment: 'visa',
  },
  ignoreErrors: ['some error message to ignore'],
});

TS File

window.CoralogixRum.init({
  application: 'app-name',
  environment: 'production',
  public_key: 'abc-123-456',
  coralogixDomain: 'EU2',
  version: 'v1.0.3',
  labels: {
    payment: 'visa',
  },
  ignoreErrors: ['some error message to ignore'],
});

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