React-Integration

Zenovay zu React hinzufügen

Schlanke Analytik für React-Apps. Fügen Sie einen Script-Tag hinzu oder verwenden Sie einen Komponenten-Wrapper. Automatisches SPA-Routen-Tracking inklusive.

Kostenlos starten

Einrichtung in 4 Schritten

Bei Zenovay registrieren

Erstellen Sie Ihr kostenloses Zenovay-Konto unter auth.zenovay.com.

Das Skript zu Ihrem HTML hinzufügen

Fügen Sie den Zenovay-Script-Tag zu Ihrer public/index.html-Datei vor dem schließenden </head>-Tag hinzu.

Oder eine React-Komponente verwenden

Alternativ können Sie einen useEffect-Hook in Ihrer Root-App-Komponente verwenden, um das Skript dynamisch zu laden.

Installation überprüfen

Starten Sie Ihren Dev-Server, besuchen Sie Ihre App und überprüfen Sie Ihr Zenovay-Dashboard.

Warum React-Entwickler Zenovay wählen

Automatisches SPA-Tracking

Clientseitige Routenänderungen werden automatisch verfolgt. Keine React-Router-Integration oder manuelle Seitenaufruf-Aufrufe erforderlich.

Null Bundle-Auswirkung

Das Skript lädt extern – kein npm-Paket, das zu Ihrem Bundle hinzugefügt werden muss. Ihre React-App bleibt schlank.

Benutzerdefinierte Event-API

Verfolgen Sie Anmeldungen, Käufe und jede benutzerdefinierte Aktion mit einem einfachen JavaScript-Aufruf aus jeder Komponente.

Häufig gestellte Fragen

Verfolgt Zenovay die React-Router-Navigation?

Ja. Zenovay erkennt clientseitige Routenänderungen in React-Single-Page-Applications automatisch. Egal ob Sie React Router, TanStack Router oder eine andere Routing-Bibliothek verwenden – jede Navigation wird als Seitenaufruf verfolgt.

Kann ich Zenovay mit Create React App verwenden?

Ja. Fügen Sie den Script-Tag zu public/index.html hinzu oder verwenden Sie den useEffect-Ansatz in Ihrer App-Komponente. Beide Methoden funktionieren sofort mit Create React App.

Funktioniert es mit Vite und React?

Ja. Für Vite-basierte React-Apps fügen Sie den Script-Tag zu Ihrer index.html-Datei hinzu oder verwenden Sie den useEffect-Hook in Ihrer Root-Komponente. Zenovay funktioniert identisch, unabhängig von Ihrem Build-Tool.

Beeinflusst Zenovay die Leistung meiner React-App?

Nein. Das Tracking-Skript ist unter 25 KB und lädt asynchron mit dem defer-Attribut. Es hat keinerlei Auswirkung auf die Ladezeit oder Laufzeitleistung Ihrer React-App.

Kann ich benutzerdefinierte Events aus React-Komponenten verfolgen?

Ja. Verwenden Sie die Zenovay-JavaScript-API, um benutzerdefinierte Events aus beliebigen React-Komponenten zu verfolgen. Rufen Sie window.zenovay("event", "signup") oder Ähnliches aus Event-Handlern, useEffect-Hooks oder an beliebiger Stelle in Ihrem Komponenten-Baum auf.

Weitere Integrationen

Zenovay funktioniert mit jeder Website. Wählen Sie Ihre Plattform.

Analytik zu Ihrer React-App hinzufügen

Script-Tag oder Komponenten-Wrapper. Automatisches Routen-Tracking. Kostenloser Plan inklusive.