Problem
Klienci Landingi potrzebowali danych o tym, jak odwiedzający zachowują się na ich landing page’ach — żeby lepiej rozumieć swoich klientów i trafniej dobierać treści, a w efekcie zdobywać więcej leadów i więcej sprzedawać. I to bez konfigurowania narzędzi i wklejania kodu. Rozwiązaniem jest analityka wbudowana w platformę, która zbiera zdarzenia automatycznie na każdej opublikowanej stronie.
Moja rola
Architektura całości po stronie klienckiej oraz implementacja frontendu — dashboard analityczny i skrypt śledzący. Przepływ danych zaprojektowałem sam; poza moim zakresem było wyłącznie ich składowanie na backendzie.
Wyzwania
01 · Skrypt, który nie może kosztować klienta wyników
Skrypt trafia na strony klientów, więc każdy kilobajt i każda milisekunda obciążają ich Core Web Vitals. Napisałem go w czystym TypeScripcie, z minimalnymi zależnościami i konfiguracją Vite nastawioną na rozmiar paczki — plik wynikowy waży poniżej 25 kB. Zdarzenia wysyła sendBeacon z throttlingiem po stronie klienta, żeby nie obciążać głównego wątku ani sieci użytkownika.
02 · Dashboard przy dużym wolumenie zdarzeń
Paginacja zamiast ładowania pełnych zbiorów, cache i deduplikacja zapytań w SWR oraz optimistic UI przy zmianach konfiguracji, żeby interfejs odpowiadał natychmiast.
Efekt
- Zdarzenia zbierane z ponad 1,2 mln sesji dziennie.
- Dane z EventTrackera stały się podstawą kilkunastu kolejnych funkcjonalności platformy.
- Dostęp do danych jest osobno monetyzowany w abonamencie.