Dodanie analityki do strony HTML brzmi jak jedno zadanie z jedną odpowiedzią. Jest bliżej pięciu, a właściwa zależy od dwóch rzeczy, które większość przewodników pomija: czy możesz edytować kod pliku i czy chcesz wiedzieć, ile osób zajrzało, czy która konkretna to zrobiła.
Odpowiedz wprost na te dwa pytania, a wybór jest łatwy. Ten przewodnik prowadzi przez pięć realnych metod, co każda faktycznie pokazuje, ile kosztuje i jednym zdaniem mówi, czy pasuje. Żadna metoda nie jest najlepsza do wszystkiego, a ostatnia jest celowo wąska.
Dwa pytania, które decydują o metodzie
Przed jakimkolwiek narzędziem odpowiedz na te.
Czy możesz edytować HTML? Metody działające przez wklejenie tagu script wymagają dostępu do <head> pliku. To w porządku dla strony, którą sam napisałeś. To problem dla eksportu, którego nie pisałeś, jak pakiet InDesign HTML5, artefakt Claude czy eksport kodu z Webflow, gdzie edytowanie znaczników jest niewygodne lub zostaje nadpisane przy kolejnym eksporcie.
Chcesz tłum czy osobę? Niemal każde narzędzie analityczne raportuje tłum: łączne wizyty, średni czas, kraj, urządzenie. To właściwe dane dla strony publicznej. To niewłaściwe dane dla strony, którą wysłałeś do dziesięciu imiennych nabywców, gdzie przydatną odpowiedzią jest, który z dziesięciu otworzył i jak daleko przeczytał.
Zatrzymaj te dwie odpowiedzi. Mapują się czysto na pięć metod poniżej.
Metoda 1: Google Analytics 4
Domyślna. Utwórz właściwość GA4, skopiuj snippet gtag.js i wklej go przed zamykającym </head> w swoim HTML-u. Działa na pojedynczym pliku lub całej statycznej stronie, a dokumentacja konfiguracji od samego Google prowadzi przez to krok po kroku.
Co dostajesz: głęboką, darmową, zbiorczą analitykę webową. Sesje, użytkownicy, geografia, urządzenia, zdarzenia, cała maszyna. Płacisz za to konfiguracją i złożonością. Potrzebujesz konta Google, dashboard ma realną krzywą uczenia, a w większości regionów będziesz potrzebować banera zgody na cookies, bo GA4 ustawia cookies.
Wybierz to, jeśli możesz edytować HTML, chcesz bogatych danych zbiorczych, a strona jest publiczna. To przerost dla jednego pliku wysyłanego do garstki osób.
Metoda 2: Plausible, Fathom lub Umami
Lżejsza alternatywa stawiająca na prywatność. Plausible, Fathom i Umami działają tak samo: jeden mały tag script, brak cookies, brak banera zgody w większości przypadków i jeden czysty dashboard wizyt oraz najpopularniejszych stron. Skrypty są maleńkie, często około kilobajta, więc ledwo dotykają czasu ładowania.
Wymianą jest głębia i cena. Dostajesz liczby istotne dla większości stron i niewiele rozrostu GA4, ale Plausible i Fathom to płatne subskrypcje. Umami jest open-source i darmowe, jeśli hostujesz je samodzielnie, co przesuwa koszt z pieniędzy na utrzymanie.
Wybierz to, jeśli możesz edytować HTML, chcesz czystych liczb zbiorczych bez ciężaru GA4 albo banera cookie i jesteś gotów płacić małą subskrypcję lub uruchomić Umami samodzielnie.
Metoda 3: Wbudowana analityka hosta
Jeśli strona już mieszka u nowoczesnego hosta, możesz nie potrzebować osobnego narzędzia w ogóle. Vercel, Cloudflare i Netlify oferują własną analitykę, którą włączasz w panelu, bez wklejania tagu. Analityka Cloudflare jest pro-prywatnościowa i darmowa; Vercel i Netlify mają darmowe progi, które szybko się kończą.
Haczykiem jest uzależnienie i głębia. Dane żyją u tego hosta, darmowe progi są ograniczone, a ty jesteś przywiązany do pozostania na tej platformie. To wygoda, a nie pełny produkt analityczny.
Wybierz to, jeśli strona już jest hostowana na Vercel, Cloudflare lub Netlify, a zbiorcze liczby wystarczają. Nie zmieniaj hostingu tylko po to.
Metoda 4: GoatCounter lub licznik self-hosted
Minimalistyczny koniec. GoatCounter jest open-source, bez cookies i darmowy do użytku niekomercyjnego, a Simple Analytics leży obok z tym samym lekkim, pro-prywatnościowym duchem. Dostajesz odsłony, odsyłaczy i podstawowe podziały, i niewiele więcej, o co właśnie chodzi.
To także ścieżka tłumu self-hosted, gdy chcą posiadać dane na własność i uruchomić je na swoim serwerze.
Wybierz to, jeśli chcesz najlżejszego możliwego śladu, bez cookies, i albo darmowego licznika do hobby, albo pełnej kontroli self-hosted, i jesteś zadowolony z minimalnych liczb.
Metoda 5: Śledzony link, gdy wysyłasz stronę
Pierwsze cztery metody odpowiadają na "ile". Wszystkie też zakładają, że strona jest publiczna i że możesz edytować jej kod. Metoda 5 jest na przypadek, którego żadna z nich nie pokrywa: HTML to nie publiczna strona, to artefakt wysyłany do konkretnych osób, a ty chcesz wiedzieć, które z nich się zaangażowały.
Tu w ogóle nie dodajesz tagu. Wgrywasz plik HTML lub pakiet na platformę, która go hostuje i śledzi za ciebie, a potem wysyłasz każdemu odbiorcy jego własny link. Ponieważ śledzenie owija plik z zewnątrz, działa na eksportach, których nie można łatwo edytować, na pakiecie InDesign HTML5, artefakcie Claude albo v0, eksporcie z Webflow. A ponieważ każdy link jest unikalny dla osoby, raport jest per-odbiorca: który imienny odbiorca otworzył, na których stronach spędził czas, czy wrócił, czy przekazany link dotarł do kogoś nowego.
Tym właśnie zajmuje się HummingDeck. Prześlij HTML, wyślij śledzone linki i zobacz zaangażowanie per-strona na /share/html per-osoba, a nie jako tłum. Dostajesz też rzeczy, których tag dać nie może: listę dozwolonych zweryfikowanych emaili, żeby tylko zamierzeni odbiorcy mogli otworzyć stronę, wygaśnięcie linku i filtrowanie botów, które wyrzuca z liczb korporacyjne skanery jak SafeLinks i Proofpoint.
To nie jest zamiennik GA4
HummingDeck nie jest tagiem analitycznym do wklejenia w istniejącym Webflow, WordPress czy stronie marketingowej. Dla publicznej strony, którą kontrolujesz, użyj Metody 1 lub 2. Metoda 5 ma sens tylko wtedy, gdy strona jest czymś, co wysyłasz do znanej listy osób, a atrybucja per-odbiorca liczy się bardziej niż ruch zbiorczy. Wąska z założenia.
Wybierz to, jeśli wysyłasz jednostronicowy HTML, ofertę, prototyp lub eksport do konkretnych klientów, inwestorów lub prospektów, nie możesz albo nie chcesz edytować pliku, by dodać tag, i musisz wiedzieć, kto patrzył, a nie ile osób.
Którą metodę wybrać
| Metoda | Konfiguracja | Baner cookie | Co widzisz | Najlepsze dla |
|---|---|---|---|---|
| Google Analytics 4 | Wklej tag, konto Google | Zwykle tak | Głębokie zbiorcze, anonimowe | Publiczne strony, które możesz edytować |
| Plausible / Fathom / Umami | Wklej mały skrypt | Nie | Czyste zbiorcze, pro-prywatnościowe | Publiczne strony, lżejsze niż GA4 |
| Wbudowana hosta (Vercel, Cloudflare, Netlify) | Przełącz w panelu | Zależy | Podstawowe zbiorcze | Strony już u tego hosta |
| GoatCounter / Simple Analytics | Mały skrypt lub self-host | Nie | Minimalne liczby | Minimalistyczne lub self-hosted |
| Śledzony link (HummingDeck) | Wgraj plik, bez tagu | Nie | Per-odbiorca, per-strona, z bramką | Wysyłanie HTML do konkretnych osób |
Uczciwe podsumowanie: jeśli strona jest publiczna i możesz ją edytować, odpowiedzią jest Google Analytics 4 lub lekki tag jak Plausible, a wbudowane statystyki hosta, jeśli akurat siedzisz na Vercel, Cloudflare lub Netlify. Jeśli strona jest czymś, co wręczasz imiennej liście osób, śledzony link odpowiada na pytanie, na które tamte narzędzia nie odpowiedzą, czyli nie ile osób spojrzało, ale kto.
Powiązane lektury
- Hostuj pojedynczy plik HTML z wbudowaną analityką dla krok po kroku podejścia ze śledzonym linkiem.
- Jak hostować eksport InDesign Publish Online, gdy HTML to eksport projektowy, którego nie da się łatwo otagować.
- Analityka flipbooka: zobacz, kto naprawdę przeczytał twój flipbook dla tego samego pytania kto-nie-ile na cyfrowym flipbooku.
- Jak sprawdzić, czy ktoś otworzył twój PDF, gdy plik jest PDF-em, a nie HTML-em.
- Jak udostępnić prezentację online, gdy artefakt to deck.