PureMetrix npm-Paket

Installieren Sie PureMetrix per npm für Single-Page-Apps und komponentenbasierte Projekte – Seitenaufrufe, eigene Ereignisse und typisierte Hilfsfunktionen, ohne überall Skript-Tags einzufügen.

Wann das Paket sinnvoll ist

React-, Vue- oder Svelte-Apps mit clientseitigem Routing
Designsysteme, die ein zentrales Analytics-Modul nutzen wollen
Teams, die Code von Drittanbietern ohnehin über package.json verwalten

Wann ein Skript-Tag reicht

Für Marketing-Websites und WordPress genügt das Tracking-Skript oder das WordPress-Plugin. Das npm-Paket lohnt sich, wenn Sie Route-Hooks und eigene Ereignisse direkt im Code Ihrer Anwendung brauchen.

Beispiel

import { init, track } from '@puremetrix/tracker';

init({
  domain: 'example.com',
  key: 'YOUR_PUBLIC_KEY',
  api: 'https://collect.puremetrix.org/api/event',
  scriptSrc: 'https://collect.puremetrix.org/js/script.js',
});
track('SignupClick', { props: { plan: 'growth' } });

Standardmäßig erwartet das Paket einen Same-Origin-Proxy (/px/event, /px/js). Für PureMetrix Cloud setzen Sie api und scriptSrc wie oben. Für Next.js (Provider und Seitenaufrufe im App Router) siehe Doku zur Next.js-Anbindung. Paketname: @puremetrix/tracker (auch @puremetrix/tracker/react).

Weiterführend

Next.js-Doku

Zuletzt aktualisiert: September 2026