Installation

• A Mydle workspace with browser_monitoring (Free or paid).
• A Browser app and publishable key from Settings → API Keys or /app/browser (pk_live_… / pk_test_…).
• Exact HTTP(S) origins configured on that Browser app (see below).

npm install @mydle/browser-sdk

Hosted script installs (CDN / /sdk/mydle-browser.js) call initMydleBrowser from data-* attributes — same ingest contract.

import { mydle } from "@mydle/browser-sdk";

mydle.init({
  projectKey: "pk_live_…",
  // endpoint defaults to https://www.mydle.app/api/rum/v1/ingest
});

Prefer projectKey. Legacy publicKey / initMydleBrowser still work. Options are documented on Browser SDK. SSR-safe: init no-ops when window is unavailable.

1. Load a page that runs the SDK.
2. In DevTools → Network, confirm POST to /api/rum/v1/ingest (fetch or sendBeacon).
3. Refresh /app/browser. Overview should show at least one session / pageview when ingest succeeds.

Ingest requires an exact allowed origin on the Browser app. Empty allowlists and wildcard origins are denied. Configure origins in the authenticated Browser app settings before shipping the SDK to production.

• Browser overview
• Browser SDK
• Privacy