Analytics
Bindet ein GA4-gestütztes Analytics-Dashboard in das Payload-Admin ein, mit KPIs, Sitzungen und Lead-Action-Tracking über die GA4 Data API und gtag.js.
Installation
pnpm add @focus-reactive/payload-plugin-analytics Über
Das Plugin bringt Google Analytics 4-Daten direkt in das Payload CMS v3-Admin. Die Funktion `analyticsPlugin()` registriert eine Dashboard-Ansicht unter `/admin/analytics` und REST-Endpunkte unter `/api/analytics/*`. Diese Endpunkte lesen Berichte aus der GA4 Data API über ein Google Service Account. Analytics-Daten werden nicht in der Datenbank gespeichert, GA4 bleibt die alleinige Wahrheitsquelle. Die Client-Seite besteht aus einem React-Provider. `AnalyticsProvider` in Kombination mit `ga4Provider()` umschließt das Frontend, injiziert `gtag.js` und trackt `page_view`-Events beim initialen Laden und bei jedem Routenwechsel. Die Komponenten `Track`, `TrackPage` und `TrackLeadAction` sowie der Hook `useAnalytics` erlauben das Feuern von Engagement-Events und `lead_action`-Konversions-Events. Lead-Action-Typen sind konfigurierbar (z.B. `phone_click`, `email_click`, `form_submit`). Das Dashboard zeigt KPIs, Traffic-Trends, top Seiten, Quellen, Events, Geräte, Geografie, Sitzungen und Journeys sowie einen Lead-Actions-Tab. Ein optionaler A/B-Tab integriert das Schwester-Paket `@focus-reactive/payload-plugin-ab`. Das Dashboard-Layout ist über Custom Blocks erweiterbar, und der Endpunkt-Zugriff lässt sich über eine Access-Funktion konfigurieren. Ein Mock-Modus ermöglicht die lokale Entwicklung am Dashboard ohne GA4-Anfragen. Für die Einrichtung werden eine GA4 Property ID, eine Measurement ID und Service Account-Credentials benötigt. Ereignisbezogene Custom Dimensions (`fr_session_id`, `fr_lead_type` u.a.) und die Custom Metric `fr_elapsed_ms` müssen in GA4 registriert sein, damit das Dashboard Daten anzeigt.
Paketinformationen
- Paketname
@focus-reactive/payload-plugin-analytics- Neueste Version
1.2.2- Entpackte Größe
- 1,5 MB
- Lizenz
- MIT
- Wöchentliche Downloads
- 568
- Zuletzt veröffentlicht
- 8. Juli 2026
Mehr von focusreactive
Profil ansehenTranslator
Uebersetzt lokalisierte Payload CMS Inhalte ueber steckbare Provider, mit Steuerelementen auf Dokument-, Sammlungs- und Feldebene im Admin-Panel.
Collaborative Comments
Ergänzt Payload v3 um Kommentare auf Dokument- und FeldEbene mit @mentions, E-Mail-Benachrichtigungen, Resolving, Multi-Tenancy und Locale-Filterung.
JSON Form Builder
Bearbeitet json-Felder in Payload als typisierte Admin-Felder und speichert die Werte als einfaches Objekt in derselben Spalte.
A/B Testing
A/B-Testing-Plugin für Payload CMS v3 und Next.js, das Seitenvarianten in bestehenden Collections anlegt und Traffic über Edge-Middleware verteilt.
Visual Editing
Blendet im Frontend Click-to-Edit-Overlays für Draft-Seiten ein, die das passende Feld im Payload-Admin öffnen.
Create Ideal CMS
Interaktive CLI, die ein Payload-CMS-Monorepo mit vorkonfigurierten FocusReactive-Plugins aufsetzt.
Ähnliche Plugins
Mehr in AnalyticsSEO Analyzer
Payload-Plugin fuer SEO-Analyse im Editor mit 50+ Checks, Dashboard, Score-Historie, Redirects und IndexNow.
Sentry
Integriert Sentry zur Fehlerverfolgung in Payload-Anwendungen.
Sales Reports
Sales-Reporting-Plugin: Summiert Umsatz, Einheiten und Bestellungen nach Periode, Produkt und Kunde aus einer Payload-Bestellcollection.
GA4 Analytics
Integriert Google Analytics 4 in Payload CMS mit Dashboards für die Analyse und Berichterstattung.
PageSpeed Insights
Integriert Google PageSpeed Insights in Payload CMS zur Analyse der Seitenleistung.