Skip to main content
Guides for teams that want web analytics for a site, API analytics for a backend, or both. Start with the quickstart for your kind of project, then open the guide for your framework. Every code block in these guides is copied from a working example under examples/ by a test (make docs-check), so the guides show exactly the code the test suites run. Examples use the reserved domain analytics.example: the gateway is https://in.analytics.example, the OTLP endpoint https://otlp.analytics.example and the console https://app.analytics.example. The console shows the real values of the service you use.

Web analytics

API analytics

Verification status

The web guides for static HTML, Vite and React, Vue, Astro, SvelteKit, React Router and Next.js, the consent, self-hosting, content security policy and custom event guides are backed by example sites that run in the browser test matrix (tests/e2e: Chromium, Firefox and WebKit) against a test gateway. The Wallets Kit guide is backed by TestWalletsKit in tests/webpath, which runs the full chain into Umami. The API guides are backed by tests/otelapps, which runs the four example apps and the fan-out collector against stock collectors, and by tests/otelapps with the apipath tag, which runs the apps against the real platform collector. None of the guides has yet been followed on a production site. That happens in phase 20 of the project plan, with three web projects and one API project.

Help

Questions and problems go to the project’s public issue tracker; support.md describes the forms and the response times.