posthog-analytics
Śledź zachowanie użytkowników i testuj funkcje za pomocą PostHog — analityka produktu zintegrowana z Twoją aplikacją.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do implementacji analityki produktu PostHog w Twojej aplikacji. Śledzisz zdarzenia użytkownika, identyfikujesz osoby, zarządzasz flagami funkcji i budujesz dashboardy. Zamiast zbierać wszystkie dane, skupiasz się na metrykach, które naprawdę wpływają na decyzje — aktywacja, retencja, użycie funkcji, wzrost. Integracja działa z Next.js i innymi frameworkami.
Jak używać
Zainstaluj pakiet PostHog dla JavaScript: npm install posthog-js. Będziesz go potrzebować do śledzenia zdarzeń w przeglądarce użytkownika.
Utwórz plik konfiguracyjny (np. lib/posthog.ts) i zainicjuj PostHog z kluczem API oraz adresem hosta. Ustaw person_profiles na 'identified_only', aby tworzyć profile tylko dla zidentyfikowanych użytkowników, i wyłącz automatyczne śledzenie pageview — będziesz je obsługiwać ręcznie.
Opakowuj swoją aplikację komponentem PostHogProvider (np. w app/providers.tsx). Provider powinien inicjować PostHog przy starcie i śledzić zmiany ścieżki nawigacji za pomocą usePathname i useSearchParams.
Definiuj zdarzenia, które naprawdę mają znaczenie: aktywacja użytkownika, rezygnacja, użycie konkretnej funkcji. Wysyłaj je metodą posthog.capture() w odpowiednich momentach aplikacji.
Utwórz dashboardy w PostHog, aby wizualizować funnele, retencję i inne metryki. Korzystaj z flagów funkcji do testowania nowych funkcjonalności bez wdrażania kodu.
W trybie development włącz debug PostHog, aby zobaczyć, jakie zdarzenia są wysyłane. To ułatwi weryfikację poprawności śledzenia przed wdrożeniem na produkcję.