PostHog Anleitung: Events, Funnels, Session Recordings und Flags

👁 115 Aufrufe

PostHog ist ein Toolset zur Analyse von Anwendern: Event-Analytics, Funnels, Session Recordings, Feature Flags und A/B-Tests an einem Ort. Diese Anleitung führt Sie von der Installation bis zum ersten Funnel und zur ersten Flag, basierend auf der offiziellen PostHog-Dokumentation.

Bevor Sie beginnen: Liste mit Fragen

PostHog sammelt nach der Installation sofort viele Daten, in denen man leicht untergeht. Notieren Sie sich vor der Installation drei Fragen, auf die Sie eine Antwort haben möchten, zum Beispiel: Wie viele neue Nutzer schließen die Registrierung ab, welche Funktion wird am häufigsten genutzt, wo brechen Leute den Kauf ab. Notieren Sie zu jeder Frage die Events, die Sie dafür brauchen. Das werden Ihre ersten eigenen Events.

Legen Sie auch mit Ihrem Team eine Namenskonvention für Events fest, denn später lässt sie sich nur schwer ändern, ohne Diagramme zu beschädigen.

Schritt 1: Installation

Der schnellste Weg laut Dokumentation ist ein Wizard, der im Projektverzeichnis mit einem einzigen npx-Befehl gestartet wird. Funktioniert auch mit KI-Assistenten wie Cursor. Die Alternative ist ein Code-Snippet, das Sie in die Seite einfügen, im head-Bereich, mit Projektschlüssel und Serveradresse, oder eine Bibliothek, die über npm installiert wird.

Die Dokumentation empfiehlt auch einen Proxy-Server, der das Risiko verringert, dass Adblocker Events abfangen. PostHog stellt ihn für Cloud-Nutzer kostenlos bereit.

Schritt 2: Events sammeln sich automatisch

Nach der Installation ist die automatische Erfassung standardmäßig aktiviert: Seitenaufrufe, Klicks, abgesendete Formulare und Session-Daten. Sie müssen nichts einstellen, um erste Daten zu sehen. Eigene Events, zum Beispiel „Registrierung abgeschlossen“, senden Sie mit einer Zeile Code mit Event-Namen und Properties.

Schritt 3: Der erste Funnel

Ein Funnel zeigt, wie viele Personen die einzelnen Schritte durchlaufen und wo sie abspringen. Im Menü gehen Sie zu Insights, wählen aus der Liste beim Button für neue Charts den Funnel. Sie beginnen mit dem ersten Event, fügen Zwischenschritte hinzu und enden beim Event, das Erfolg bedeutet. Beispiel: Aufruf der Registrierungsseite, Ausfüllen des Formulars, Bestätigung der E-Mail.

Der erste Funnel zeigt meist sofort den Schritt, bei dem die meisten Personen verloren gehen. Dort lohnt es sich, in die Session Recordings zu schauen.

Schritt 4: Session Recordings

Session Recordings aktivieren Sie mit wenigen Zeilen Konfiguration. Sie zeichnen Klicks, Scrollen, Eingaben und Seitenwechsel auf. Recordings filtern Sie zum Beispiel nach frustrierten Mehrfachklicks, JavaScript-Fehlern, eigenen Events oder Flag-Varianten. Die vollständigste Unterstützung gibt es für Websites, bei mobilen Apps gibt es gewisse Einschränkungen.

Schritt 5: Feature Flags

Eine Flag ermöglicht es, eine neue Funktion nur einem Teil der Nutzer zu zeigen. Sie erstellen sie im PostHog-Panel und prüfen im Code, ob sie für eine bestimmte Person aktiviert ist. Die Dokumentation empfiehlt schrittweises Rollout, beginnend mit 5 bis 10 Prozent der Nutzer und Erhöhung des Anteils, wenn alles funktioniert. Für Tests können Sie die Flag für Ihre eigene E-Mail-Adresse aktivieren.

Schritt 6: Experimente

Einen A/B-Test erstellen Sie im Bereich Experimente. Der Wizard hat drei Schritte: Beschreibung mit Hypothese und Flag-Key, Varianten mit prozentualer Aufteilung sowie Metriken, zum Beispiel Conversion aus einem Funnel. Im Code prüfen Sie die Flag-Variante, und PostHog sammelt automatisch Daten und berechnet das Ergebnis.

Beispiel: Warum schließen Leute die Registrierung nicht ab

Sie installieren PostHog mit dem Wizard, warten einen Tag auf Daten und bauen einen Registrierungs-Funnel. Der Funnel zeigt, dass die Hälfte der Personen bei der E-Mail-Bestätigung abspringt. Sie filtern Session Recordings von Personen, die abgesprungen sind, und sehen, dass sie zum Formular zurückkehren, weil sie nicht wissen, wo sie die E-Mail suchen sollen. Sie fügen eine Nachricht hinter einer Flag für die Hälfte der Nutzer hinzu und vergleichen nach einer Woche die Ergebnisse im Experiment.

In diesem Beispiel ist die Reihenfolge wichtig: erst Zahlen aus dem Funnel, dann Recordings, zum Schluss die Änderung. Hätte das Team mit einer Änderung aufgrund einer Vermutung begonnen, zum Beispiel Umbau des Formulars, hätte es möglicherweise einen Schritt verbessert, der gar nicht das Problem war. Der Funnel zeigte die Stelle, die Recordings erklärten die Ursache, und das Experiment prüfte, ob die Korrektur funktioniert. Jeder dieser drei Schritte dauert wenig Zeit, aber zusammen verwandeln sie Raten in Wissen.

Häufigste Fehler

• Fehlende eigene Events für die wichtigsten Aktionen.
• Rollout einer Funktion für alle auf einmal statt schrittweise.
• Recordings ohne Filter, wodurch Stunden darin verloren gehen.

Wie Sie die erste Woche bewerten

Prüfen Sie nach einer Woche, ob Sie auf mindestens eine der drei Fragen eine Antwort haben. Wenn ja, gehen Sie zu den Session Recordings von Personen aus dem problematischen Schritt. Wenn nein, fehlt meist ein Event oder es ist falsch benannt.

Prüfen Sie auch, ob die Daten mit der Realität übereinstimmen. Vergleichen Sie zum Beispiel die Anzahl der Registrierungen in PostHog mit der Anzahl der Konten in der Datenbank. Eine große Differenz sind meist Adblocker, dagegen hilft der in der Dokumentation beschriebene Proxy-Server.

Wenn Sie eine kleine Anwendung und wenig Traffic haben, ziehen Sie keine Schlüsse aus wenigen Tagen Daten. Ein Funnel mit zwanzig Personen kann zufällige Unterschiede zeigen. Besser einige Wochen warten oder sich auf Session Recordings konzentrieren, die auch bei wenig Traffic konkrete Probleme zeigen.

// weiterlesenLadelimit auf 80 Prozent: So schützen Sie Ihren AkkuAnleitungenbasal-omni lokal ausführen: Ollama, llama.cpp und MacAnleitungenGGUF Quantisierung im Test: Q4_K_M vs Q6_K vs Q8_0 gemessenAnleitungen