KOBBEStart a 15-day free trial

Install on React Router

Add the Kobbe tracker to a React Router (v7 / Remix-style) app.

Emit the tracker on every document shell so first paint and hard navigations both count. Use the token from Add the tracker.

Tracker snippet

<script
  defer
  data-token="YOUR_SITE_TOKEN"
  src="https://app.kobbe.io/tracker.js"
></script>

SPA (framework mode)

  1. Open your root HTML template (for example index.html or the shell your framework generates).
  2. Paste the snippet in <head> before </head>.

React Router client navigations send a new document only on hard refresh; the tracker records the initial pageview. If you rely on client-side route changes without full reloads, follow any framework guidance for “route change analytics” or trigger custom page views with Custom events if Kobbe exposes an API you wire manually, otherwise full reloads and first-visit flows are tracked automatically for standard setups.

Full-stack / SSR

If you render HTML on the server (e.g. root.tsx layout with <html>), inject the same <script> in the server-rendered head so every response includes it.

Verify

Load the app, visit a route, and check the Kobbe dashboard.

Next steps