Przejdź do treści
Sklep

Artykuły

PostHog krok po kroku: zdarzenia, lejki, nagrania sesji i flagi funkcji

Samouczek PostHoga: instalacja, automatyczne zdarzenia, pierwszy lejek, nagrania sesji, flagi funkcji i eksperymenty. Z przykładem porzucanej rejestracji.

Tekst: 4 min czytania
PostHog krok po kroku: zdarzenia, lejki, nagrania sesji i flagi funkcji
Spis treści 10
  1. Zanim zaczniesz: lista pytań
  2. Krok 1. Instalacja
  3. Krok 2. Zdarzenia zbierają się same
  4. Krok 3. Pierwszy lejek
  5. Krok 4. Nagrania sesji
  6. Krok 5. Flagi funkcji
  7. Krok 6. Eksperymenty
  8. Przykład: dlaczego ludzie nie kończą rejestracji
  9. Najczęstsze błędy
  10. Jak ocenić pierwszy tydzień

👁 168 przeczytań

PostHog to zestaw narzędzi do poznania użytkowników aplikacji: analityka zdarzeń, lejki, nagrania sesji, flagi funkcji i testy A/B w jednym miejscu. Ten samouczek prowadzi od instalacji do pierwszego lejka i pierwszej flagi, według oficjalnej dokumentacji PostHog.

Zanim zaczniesz: lista pytań

PostHog zbiera dużo danych od razu po instalacji i łatwo w nich utonąć. Zanim zainstalujesz, zapisz trzy pytania, na które chcesz znać odpowiedź, na przykład: ilu nowych użytkowników kończy rejestrację, która funkcja jest najczęściej używana, gdzie ludzie rezygnują z zakupu. Do każdego pytania dopisz zdarzenia, których potrzebujesz. To one zostaną Twoimi pierwszymi własnymi zdarzeniami.

Ustal też z zespołem konwencję nazw zdarzeń, bo potem trudno ją zmienić bez psucia wykresów.

Krok 1. Instalacja

Najszybsza droga według dokumentacji to kreator uruchamiany w katalogu projektu jednym poleceniem przez npx. Działa także z asystentami AI, takimi jak Cursor. Alternatywa to fragment kodu wklejany do strony, w sekcji head, z kluczem projektu i adresem serwera, albo biblioteka instalowana przez npm.

Dokumentacja zaleca też serwer pośredniczący, który zmniejsza ryzyko, że blokery reklam przechwycą zdarzenia. PostHog udostępnia go bezpłatnie dla użytkowników chmury.

Krok 2. Zdarzenia zbierają się same

Po instalacji automatyczne zbieranie jest włączone domyślnie: wyświetlenia stron, kliknięcia, wysłane formularze i dane o sesjach. Nie musisz nic ustawiać, żeby zobaczyć pierwsze dane. Własne zdarzenia, na przykład „zakończono rejestrację”, wysyłasz jedną linijką kodu z nazwą zdarzenia i jego właściwościami.

Krok 3. Pierwszy lejek

Lejek pokazuje, ile osób przechodzi przez kolejne kroki i gdzie odpada. W menu wchodzisz w Insights, z listy przy przycisku nowego wykresu wybierasz lejek. Zaczynasz od pierwszego zdarzenia, dodajesz kroki pośrednie i kończysz na zdarzeniu oznaczającym sukces. Przykład: wejście na stronę rejestracji, wypełnienie formularza, potwierdzenie maila.

Pierwszy lejek zwykle od razu pokazuje krok, na którym ginie najwięcej osób. To tam warto zajrzeć w nagraniach sesji.

// taniej niż u producentaw magazynie
PostHog - 12 miesięcy
PostHog - 12 miesięcyKod, którym włączasz PostHog na 12 miesięcy z podwojonymi limitami darmowego planu i funkcjami z pakietu Scale.kinetyka.pl - mój sklep z rocznymi dostępami do narzędzi AI
49 zł4,08 zł / mies.Kup w Kinetyce →

Krok 4. Nagrania sesji

Nagrania sesji włączasz kilkoma linijkami konfiguracji. Rejestrują kliknięcia, przewijanie, wpisywanie i przejścia między stronami. Nagrania filtrujesz, na przykład po frustrowanych wielokrotnych kliknięciach, błędach JavaScript, własnych zdarzeniach albo wariantach flag. Najpełniejsze wsparcie jest na stronach internetowych, w aplikacjach mobilnych są pewne ograniczenia.

Krok 5. Flagi funkcji

Flaga pozwala włączyć nową funkcję tylko części użytkowników. Tworzysz ją w panelu PostHog, a w kodzie sprawdzasz, czy jest włączona dla danej osoby. Dokumentacja poleca wypuszczanie stopniowe, zaczynając od 5 do 10 procent użytkowników i zwiększając udział, gdy wszystko działa. Do testów możesz włączyć flagę dla własnego adresu e-mail.

Krok 6. Eksperymenty

Test A/B tworzysz w sekcji eksperymentów. Kreator ma trzy kroki: opis z hipotezą i kluczem flagi, warianty z podziałem procentowym oraz metryki, na przykład konwersję z lejka. W kodzie sprawdzasz wariant flagi, a PostHog sam zbiera dane i liczy wynik.

Przykład: dlaczego ludzie nie kończą rejestracji

Instalujesz PostHog kreatorem, czekasz dzień na dane i budujesz lejek rejestracji. Lejek pokazuje, że połowa osób odpada na potwierdzeniu maila. Filtrujesz nagrania sesji osób, które odpadły, i widzisz, że wracają do formularza, bo nie wiedzą, gdzie szukać maila. Dodajesz komunikat za flagą dla połowy użytkowników i po tygodniu porównujesz wyniki w eksperymencie.

W tym przykładzie ważna jest kolejność: najpierw liczby z lejka, potem nagrania, na końcu zmiana. Gdyby zespół zaczął od zmiany na podstawie przeczucia, na przykład przebudowy formularza, mógłby poprawiać krok, który wcale nie był problemem. Lejek wskazał miejsce, nagrania wyjaśniły przyczynę, a eksperyment sprawdził, czy poprawka działa. Każdy z tych trzech kroków zajmuje niewiele czasu, ale razem zmieniają zgadywanie w wiedzę.

Najczęstsze błędy

  • Brak własnych zdarzeń dla najważniejszych akcji.
  • Wypuszczanie funkcji wszystkim naraz zamiast stopniowo.
  • Nagrania bez filtrów, przez co giną w nich godziny.

Czytasz Promptowego częściej? Dodaj go do preferowanych źródeł w Google, a nowe teksty będą wyżej w Twoich wynikach.

Jak ocenić pierwszy tydzień

Po tygodniu sprawdź, czy masz odpowiedź na choć jedno z trzech pytań. Jeśli tak, przejdź do nagrań sesji osób z problematycznego kroku. Jeśli nie, zwykle brakuje któregoś zdarzenia albo jest źle nazwane.

Sprawdź też, czy dane zgadzają się z rzeczywistością. Porównaj na przykład liczbę rejestracji w PostHog z liczbą kont w bazie. Duża różnica to zwykle blokery reklam, a pomaga na nie serwer pośredniczący opisany w dokumentacji.

Jeśli masz małą aplikację i niewielki ruch, nie wyciągaj wniosków z kilku dni danych. Lejek z dwudziestoma osobami potrafi pokazywać przypadkowe różnice. Lepiej poczekać kilka tygodni albo skupić się na nagraniach sesji, które nawet przy małym ruchu pokazują konkretne problemy.

PostHog na 12 miesięcy z podwojonymi limitami i funkcjami pakietu Scale sprzedaję w sklepie kinetyka.pl.

Piotr Olszewski

Autor

Twórca i autor Promptowego, polskiego serwisu o sztucznej inteligencji. Codziennie śledzi premiery modeli, narzędzia i regulacje AI, i tłumaczy je prostym, konkretnym językiem.

O mnie →Wszystkie teksty →

Czytaj dalej

Narzędzia do tego tematu

darmowe, bez kontaWszystkie 29 →
z sieci - nowe teksty w moich serwisach

Wszystkie moje projekty →

Najczęściej czytane

7 dni
  1. 1Claude Fable 5.2 czy Opus 5.5: kiedy dopłata 2 razy ma sens, a kiedy to wyrzucone pieniądze
  2. 230 promptów do ChatGPT Images i 10 do przerabiania zdjęć
  3. 3Lokalne AI: modele na własnym komputerze - tekst, obraz, wideo, muzyka
🛒 Sklep Kinetyka CapCut Pro 460 zł/rok Lovable Pro 450 zł/rok Replit Core 119 zł/rok Zobacz wszystko →