Runnable examples of how to add Jam Recording Links to your site. Each example installs the Jam SDK a different way and mirrors one of the snippets in the Jam dashboard under Settings → Jam SDK → Connect Domain, so you can copy a working setup straight into your own app.
| Example | Install method | Dashboard snippet | Best for |
|---|---|---|---|
html |
<script> tags in <head> |
HTML | Hand-written HTML or any framework where you control the document head |
next-app-router |
next/script, beforeInteractive |
Next.js → App Router | Next.js apps using the app/ directory |
next-pages-router |
next/script in _document |
Next.js → Page Router | Next.js apps using the pages/ directory |
angular |
@jam.dev/recording-links npm package |
Angular | Installing Jam as a dependency instead of script tags |
gtm |
Google Tag Manager Custom HTML tag | Google Tag Manager | Managing scripts through GTM |
conditional-inclusion |
npm package, recorder loaded on demand | (advanced) | Fine-grained control over when the recorder loads |
conditional-inclusion-electron |
npm package, Electron wrapper | (advanced) | Forwarding from web to a native Electron app |
Each example's README explains what it demonstrates, how to swap in your own team ID, how to run it, and how to validate it end to end.
Every example needs your Jam team ID. Find it in the dashboard under
Settings → Jam SDK → Connect Domain, where the snippet has your ID filled in
already. The examples ship with a JAM_TEAM_ID placeholder to replace.
bun install # install all deps
bun run dev # start every example appThis starts a local dev server for each example and prints its URL.
Build and serve in production mode with:
bun run build
bun run startRun a single example with:
bun run dev --filter <example-name> # e.g. example-htmlOnce an example is running, connect it to your workspace and confirm captures work:
- In the Jam dashboard, open Settings → Jam SDK → Connect Domain, paste the example's local URL, and click Verify. The domain shows as Installed.
- Go to Recording Links, create a link pointing at the connected domain, and open it.
- Record a short session, clicking the buttons on the page.
- Open the resulting Jam. The console logs, the thrown error, and the network request appear in the DevTools panel.