Next.js-Integration

Zenovay zu Next.js hinzufügen

Verwenden Sie die integrierte Script-Komponente für optimales Laden. Funktioniert mit App Router und Pages Router. Einrichtung in unter 2 Minuten.

Kostenlos starten

App-Router-Einrichtung

Bei Zenovay registrieren

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

Ihr Tracking-Skript kopieren

Gehen Sie in Ihrem Zenovay-Dashboard zu Einstellungen und kopieren Sie Ihre domain-spezifischen Tracking-Details.

Die Script-Komponente zu Ihrem Layout hinzufügen

Importieren Sie Script aus next/script und fügen Sie es zu Ihrem root layout.tsx (App Router) oder _app.tsx (Pages Router) hinzu.

Installation überprüfen

Führen Sie npm run dev aus, besuchen Sie Ihre Website und überprüfen Sie Ihr Zenovay-Dashboard. Daten sollten innerhalb von Sekunden erscheinen.

Warum Next.js-Entwickler Zenovay wählen

SPA-Routen-Tracking

Zenovay verfolgt clientseitige Navigation automatisch. Keine Router-Integration oder manuelle Seitenaufruf-Aufrufe erforderlich.

Perfekte Lighthouse-Werte

Unter 25 KB Skript mit afterInteractive-Laden. Keinerlei Auswirkung auf Ihre Next.js-Leistungsmetriken.

Funktioniert mit statischem Export

Verwenden Sie output: "export" für Vercel, Netlify oder Cloudflare Pages? Zenovay funktioniert perfekt mit statischen Builds.

Häufig gestellte Fragen

Soll ich die Script-Komponente oder einen regulären Script-Tag verwenden?

Verwenden Sie die Next.js-Script-Komponente mit strategy="afterInteractive" für optimales Laden. Dies stellt sicher, dass das Tracking-Skript nach der Interaktivität der Seite lädt und gibt Ihnen die beste Balance aus Leistung und Datengenauigkeit.

Funktioniert es mit dem App Router und Pages Router?

Ja. Fügen Sie für den App Router die Script-Komponente zu Ihrem root layout.tsx hinzu. Für den Pages Router fügen Sie es zu _app.tsx oder _document.tsx hinzu. Beide Ansätze funktionieren identisch.

Verfolgt Zenovay clientseitige Routenänderungen?

Ja. Zenovay erkennt clientseitige Navigation in Next.js-Single-Page-Applications automatisch. Jede Routenänderung wird als neuer Seitenaufruf verfolgt, ohne zusätzliche Konfiguration.

Beeinflusst es meinen Lighthouse-Score?

Nein. Das Zenovay-Skript ist unter 25 KB und lädt asynchron. Die Verwendung der Script-Komponente mit afterInteractive-Strategie stellt sicher, dass es nie das Rendering blockiert oder Ihren Lighthouse-Leistungsscore beeinflusst.

Kann ich Zenovay mit Next.js-Static-Exports verwenden?

Ja. Zenovay funktioniert perfekt mit statischen Next.js-Exports (output: "export"). Das Tracking-Skript lädt clientseitig und kommuniziert direkt mit der Zenovay-API.

Weitere Integrationen

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

Analytik zu Ihrer Next.js-App hinzufügen

Eine Script-Komponente. Automatisches Routen-Tracking. Kostenloser Plan inklusive.