Toolverse
All skills

posthog-analytics

by alinaqi

PostHog analytics, event tracking, feature flags, dashboards

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alinaqi
Category
Frontend
Views
8

About this skill

PostHog analytics, event tracking, feature flags, dashboards

How to use

  1. Zainstaluj pakiet PostHog dla JavaScript: npm install posthog-js. Będziesz go potrzebować do śledzenia zdarzeń w przeglądarce użytkownika.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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ę.

Related skills