OwlpaneDOCS
SDKs

Browser & Frontend RUM SDK

Instrument your application with @owlpane/browser to stream traces, metrics, and structured logs to Owlpane over OTLP.

Installation

npm install @owlpane/browser@0.1.8

Minimal setup

import { owlpane } from "@owlpane/browser";

owlpane.start({
  service: "checkout-web",
  endpoint: "https://ingest.owlpane.com",
  ingestKey: "owl_ing_your_key_here",
});

Configuration

Because the bundle runs in the browser, pass these values at build time. The ingest key is write-only for one project, so it is safe to ship in the bundle.

VariableDescriptionExample
OTEL_EXPORTER_OTLP_ENDPOINT (or OWLPANE_INGEST_URL)Owlpane OTLP HTTP base URLhttps://ingest.owlpane.com
OWLPANE_INGEST_KEYProject ingest keyowl_ing_...
OTEL_SERVICE_NAMEService name resource attributecheckout-web
OWLPANE_ENVIRONMENTDeploy environmentproduction
OWLPANE_RELEASEDeploy release / version2024.10.0

Verification

Open Observability → Logs (/observability/logs) or Traces (/observability/traces) and filter by service.name to confirm telemetry is arriving from real-user sessions.

Last updated

On this page