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.8Minimal 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.
| Variable | Description | Example |
|---|---|---|
OTEL_EXPORTER_OTLP_ENDPOINT (or OWLPANE_INGEST_URL) | Owlpane OTLP HTTP base URL | https://ingest.owlpane.com |
OWLPANE_INGEST_KEY | Project ingest key | owl_ing_... |
OTEL_SERVICE_NAME | Service name resource attribute | checkout-web |
OWLPANE_ENVIRONMENT | Deploy environment | production |
OWLPANE_RELEASE | Deploy release / version | 2024.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