All recipes
Browser (CDN).
CodeCDNIIFE
Drop a single CDN-hosted script into the `<head>` of any page. The browser SDK patches `window.fetch` and reports outbound calls from the same origin or anywhere data-services explicitly allowlists.
1. Add the script tag.
HTML
<script
src="https://cdn.checkupstream.com/sdk.js"
data-sdk-key="cup_sdk_your_key"
data-services="stripe,openai,supabase"
async
></script>Or install via npm.
If your site already has a bundler, use the npm package and call `init()` directly.
src/checkupstream.ts
import { checkupstreamBrowser } from "@checkupstream/sdk-browser";
checkupstreamBrowser.init({
sdkKey: "cup_sdk_your_key",
});Warning
Use SDK Keys (`cup_sdk_*`), never API Tokens, in browser bundles. SDK Keys are publishable by design; API Tokens are secrets and the ingest endpoint refuses them.
Ship reliable upstream.
Drop the SDK in, point it at your project key, and start seeing live upstream telemetry inside the dashboard.