Jeśli czytanie frazy „wklej ten fragment do sekcji <head>” sprawia, że sztywniejesz, nie jesteś sam – i to nie będzie poradnik tego typu. To, co następuje, to dokładnie piętnaście minut, których potrzebujesz, opisane językiem bardziej zbliżonym do przepisów kulinarnych twojej babci niż forum dla deweloperów.
Co właściwie instalujemy
Mały fragment kodu — pomyśl o nim jak o małej naklejce — który trafia na każdą stronę Twojej witryny i pozwala nam liczyć, kto ją odwiedza. To wszystko. Nie zmienia to wyglądu strony, nie zwalnia jej w zauważalny sposób, a jeśli za tydzień zdecydujesz, że to nie dla Ciebie, odklejasz naklejkę i wszystko wraca do normy.
Prostymi słowami
„Snippet” to po prostu przyjazne określenie na „mały kawałek kodu”. Nie musisz go czytać ani rozumieć. Wkleisz go tylko raz.
Uniwersalna ścieżka no-code (działa dla większości stron)
- Zaloguj się do swojego kreatora stron (WordPress, Shopify, Webflow, Wix, Squarespace).
- Znajdź menu „ustawienia” (settings) — zazwyczaj ikona zębatki, często w lewym dolnym rogu.
- Poszukaj sekcji o nazwie „custom code”, „head code”, „tracking” lub „integrations”.
- Skopiuj nasz snippet ze strony konfiguracji i wklej go do pola „head” lub „header”.
- Zapisz. Odśwież stronę główną. Gotowe.
Jeśli korzystasz z WordPress
Dwie proste drogi. Jeśli masz wtyczkę taką jak WPCode, HeadFooterCode lub Twój motyw ma pole „header scripts” w opcjach, wklej fragment tam. Jeśli nie, zainstaluj dowolną z tych darmowych wtyczek w dwie minuty i użyj jej. Żadnej edycji plików. Żadnego FTP. Żadnej paniki.
Jeśli korzystasz z Shopify
Przejdź do Online Store → Themes → Actions → Edit code. Znajdź „theme.liquid” w folderze layout. Gdzieś u góry znajduje się linia </head>. Wklej snippet bezpośrednio nad tą linią. Zapisz. Brzmi to straszniej niż jest w rzeczywistości — zajmuje to dwanaście sekund i jedno kliknięcie prawym przyciskiem myszy.
Jeśli korzystasz z Webflow, Wix lub Squarespace
Każda z tych platform ma oficjalny obszar „custom code” w ustawieniach witryny. Został on stworzony dokładnie do tego, co robisz. Webflow: Project Settings → Custom Code → Head. Wix: Settings → Advanced → Custom Code. Squarespace: Settings → Advanced → Code Injection → Header.
Jak sprawdzić, czy zadziałało
| Krok | Gdzie patrzeć |
|---|---|
| 1. Odśwież stronę główną | W zwykłej karcie przeglądarki |
| 2. Otwórz stronę sprawdzania śledzenia | W panelu nawigacyjnym lead.box |
| 3. Zobacz zieloną ikonę „zainstalowano” | W ciągu kilku sekund |
| 4. Jeśli jest czerwona — sprawdź krok 5 poniżej | |
| 5. Upewnij się, że wkleiłeś do „head”, a nie do „body” lub „footer” | Taka sama strona ustawień |
Gdy coś pójdzie nie tak (zazwyczaj idzie dobrze)
Jeśli status pozostaje czerwony, snippet prawie na pewno trafił do złego pola lub Twój kreator stron wymaga ręcznego kliknięcia „publikuj”, aby wdrożyć zmianę. Opublikuj ponownie. Odśwież. Jeśli po pięciu minutach nadal jest czerwony, nasze wsparcie odpowiada w ciągu godziny — bez żargonu, bez labiryntu zgłoszeń.
Szczera prawda o „lęku przed technologią”
Powodem, dla którego instalacje wydają się przerażające, nie jest trudność, lecz język. „Head”, „snippet”, „custom code”, „injection”, „tag manager” to tylko słowa oznaczające „wklej to tutaj”. Gdy zrobisz to raz, wszystkie przyszłe instalacje czegokolwiek (analityki, widgetów czatu, narzędzi do zbierania opinii) staną się piętnastominutowym zadaniem. Będziesz się zastanawiać, dlaczego z tym zwlekałeś.
- Powiązane: [Prawidłowa instalacja snippetu śledzącego](/blog/install-tracking-snippet-wordpress-shopify-gtm)
- Powiązane: [Śledzenie server-side vs client-side](/blog/server-side-vs-client-side-tracking-what-matters-for-b2b)
- Powiązane: [Konfiguracje wielodomenowe B2B](/blog/multi-domain-b2b-tracking-workspaces-consolidated-view)
Opublikowane przez
lead.box Team
Więcej artykułów
Sprawdź lead.box na własnym ruchu
Zacznij za darmo — bez karty, bez konieczności rozmowy sprzedażowej. Lub zarezerwuj 20-minutową prezentację, jeśli wolisz wspólny przegląd.