Documentation

Up and tracking in 60 seconds.

Paste the snippet. Refresh your site. Watch events stream into the dashboard. That's the whole quick-start.

Step 01

Install the snippet

Drop this into the <head> of every page you want to track.

index.html

<script async src="https://cdn.observe.js/v1/sdk.js"
        data-project-id="prj_YOUR_ID"></script>

Step 02

For frameworks like React, Next.js, and Vue — use the typed SDK.

app.tsx

import { init } from '@observe/sdk';

init({
  projectId: 'prj_YOUR_ID',
  heatmaps: true,
  errors: true,
  network: true,
});

Step 03

Domain-specific moments like signups, upgrades, or checkout completion.

checkout.ts

import { track } from '@observe/sdk';

track('checkout_completed', {
  orderId: order.id,
  total: order.total,
  currency: 'USD',
});

Full docs cover framework recipes, custom event taxonomies, identity stitching, and self-hosting.

Deploy Observe.js FreeNo credit card required.