Gdzie na stronie umieścić kod śledzący? Co on właściwie robi? Dlaczego ma znaczenie, gdzie go wstawisz? Większość właścicieli stron kopiuje kod śledzący do nagłówka strony i liczy, że zadziała. Nie rozumieją, co robi kod ani czy faktycznie zbiera dane. Gdy dane znikają, nie mają pojęcia dlaczego, bo nigdy nie zrozumieli, jak działa śledzenie.
Ten artykuł wyjaśnia, czym są kody śledzące, gdzie je umieszczać, dlaczego miejsce ma znaczenie i jak sprawdzić, że działają, zanim zaufasz zebranym danym.
Czym jest kod śledzący i co robi
Kod śledzący to mały fragment JavaScriptu, który wklejasz na stronę. Gdy odwiedzający trafia na Twoją stronę, kod się uruchamia. Zbiera informacje o odwiedzającym i wysyła je do platformy analitycznej. Platforma zapisuje te dane i tworzy raporty.
Kod śledzący zbiera podstawowe informacje automatycznie. Na jakiej stronie jest odwiedzający. Skąd przyszedł. Z jakiego urządzenia korzysta. Jak długo został. Wysyła te informacje do serwerów analityki w czasie rzeczywistym.
Kod jest mały, zwykle ma od jednej do trzech linijek. Ładuje się szybko i nie spowalnia strony. Działa niewidocznie w tle. Odwiedzający nigdy go nie widzą i nie wiedzą, że tam jest.
Gdzie umieścić kod śledzący
Kod śledzący trafia do nagłówka strony. Dokładnie między otwierającym a zamykającym znacznikiem head. Dzięki temu ładuje się wcześnie, zanim wyrenderuje się treść strony. Jeśli kod ładuje się późno, możesz stracić dane odwiedzających, którzy wychodzą, zanim kod się załaduje.
Różne platformy analityczne mają nieco inne zalecenia dotyczące umieszczenia. Niektóre chcą kodu na samej górze head. Inne bliżej dołu. Stosuj się do konkretnej instrukcji platformy. Umieszczenie ma znaczenie dla dokładności danych.
Nagłówek jest wspólny dla całej strony. Dodajesz go raz i działa automatycznie na każdej podstronie. Nie dodajesz kodu osobno do każdej podstrony. Dodajesz go do szablonu nagłówka, który wszystkie podstrony współdzielą.
Globalne kody śledzące a menedżery tagów
Globalny kod śledzący to jeden fragment JavaScriptu w nagłówku strony, który obsługuje całe śledzenie. Proste. Łatwe. Działa przy podstawowej analityce.
Menedżer tagów to narzędzie, które przechowuje wiele kodów śledzących i uruchamia je warunkowo. Jedno miejsce do zarządzania całym śledzeniem. Jeden kod w nagłówku, który ładuje wielu dostawców. Gdy dodajesz więcej śledzenia, menedżery tagów zapobiegają rozrostowi nagłówka.
Zacznij od globalnego kodu śledzącego. Jest prostszy. Gdy masz wielu różnych dostawców śledzenia, przejdź na menedżer tagów. Nie używaj menedżera tagów dla jednego kodu śledzącego. Nie wklejaj dziesięciu kodów śledzących bezpośrednio do nagłówka. Użyj narzędzia odpowiedniego do poziomu złożoności.
Testowanie kodu śledzącego przed uruchomieniem
Zanim wdrożysz kod śledzący na działającej stronie, przetestuj go. Większość platform analitycznych pokazuje dane w czasie rzeczywistym. Dodaj kod śledzący do strony testowej. Odwiedź stronę testową. Sprawdź, czy raporty w czasie rzeczywistym pokazują Twoją wizytę. Jeśli tak, śledzenie działa. Jeśli nie, coś jest zepsute.
Testuj na różnych podstronach. Testuj na różnych urządzeniach. Testuj w różnych przeglądarkach. Śledzenie powinno działać wszędzie. Jeśli działa na komputerze, ale nie na telefonie, coś jest nie tak z konfiguracją mobilną.
Przetestuj też usunięcie kodu. Śledzenie ze strony testowej powinno zniknąć po usunięciu kodu. To potwierdza, że za dane odpowiada kod, a nie coś innego.
Typowe problemy z kodem śledzącym
Kod jest zainstalowany w złym miejscu. Wstawiono go do body zamiast do head. Dane mogą nie płynąć, bo kod ładuje się zbyt późno.
Kod jest zainstalowany wielokrotnie. Zainstalowano kod śledzący, potem ktoś inny zainstalował go ponownie i teraz jest na stronie dwa razy. To powoduje podwójne liczenie.
Kod jest nieaktualny. Zainstalowano wersję 1, ale platforma przeszła na wersję 3. Stary kod nadal działa, ale może pomijać nowe funkcje.
Kod jest zakomentowany. Ktoś wyłączył go podczas testów i zapomniał włączyć ponownie. Dane przestają płynąć, ale przez kilka dni nikt tego nie zauważa.
Kod jest blokowany przez narzędzia bezpieczeństwa lub prywatności. Niektóre blokery reklam blokują kody śledzące. Niektóre przeglądarki nastawione na prywatność też. Testy w takich środowiskach ujawniają te problemy.
Aktualizacja i utrzymanie kodu śledzącego
Sprawdzaj kod śledzący co kwartał. Zweryfikuj, że jest aktualny. Zweryfikuj, że nie został zmieniony. Zweryfikuj, że jest we właściwym miejscu. Drobne zmiany psują śledzenie.
Gdy platforma analityczna wypuszcza nową wersję kodu śledzącego, najpierw przetestuj ją na stronie testowej. Sprawdź, czy działa. Dopiero potem wdróż na produkcję. Nie zakładaj, że nowe wersje są kompatybilne wstecz.
Prowadź dokumentację tego, który kod jest zainstalowany gdzie. Zapisz, kiedy go zainstalowano. Zapisz, jaka to wersja. Pomaga to w diagnozie, gdy coś się zepsuje.
Najczęściej zadawane pytania
Jeśli na naszej stronie jest kilka kodów śledzących, czy dane zostaną policzone podwójnie?
Tak. Wiele wystąpień tego samego kodu śledzącego policzy każdą wizytę dwa razy. Sprawdź nagłówek strony. Wyszukaj kod śledzący. Jeśli pojawia się dwa razy, usuń jeden. Użyj narzędzi deweloperskich przeglądarki, by przeszukać kod źródłowy strony. Jeśli kod pojawia się wielokrotnie, masz zduplikowane śledzenie. Dzięki kreatorowi stron WEMASY możesz to skonfigurować bezpośrednio na swojej stronie.
Zainstalowaliśmy kod śledzący w body zamiast w head. Czy trzeba go zainstalować od nowa?
Tak. Przenieś go do head. Umieszczenie w body oznacza, że kod może się nie załadować, jeśli odwiedzający wyjdą, zanim załaduje się body. Umieszczenie w head gwarantuje załadowanie przed treścią strony. Szybko to naprawić. Przenieś kod i sprawdź śledzenie w danych w czasie rzeczywistym.
Nasza platforma analityczna wypuściła nowy kod śledzący. Czy przejść na niego od razu?
Najpierw go przetestuj. Zainstaluj nowy kod na stronie testowej. Sprawdź, czy poprawnie zbiera dane. Sprawdź, czy niczego nie psuje. Porównaj działanie starego i nowego kodu. Jeśli nowy jest wyraźnie lepszy, przejdź na niego. Jeśli działa tak samo, nie ma pośpiechu. Duże aktualizacje wersji mogą przynosić nowe funkcje warte przejścia.
Naszą stroną zarządza strona trzecia. Kto powinien zainstalować kod śledzący?
Wy albo oni, ale ustalcie jasno, kto za to odpowiada. Udokumentujcie, na kim leży odpowiedzialność. Przekażcie kod śledzący. Poproście, by zweryfikowali poprawność instalacji. Dajcie im dane logowania do konta analitycznego, żeby widzieli dane. Komunikacja zapobiega wpadkom.
Wyłączyliśmy kod śledzący na czas testów i zapomnieliśmy go włączyć. Skąd wiedzieć, czy tak się stało?
Sprawdź raporty analityczne. Jeśli dane o ruchu nagle spadają do zera, śledzenie prawdopodobnie jest wyłączone. Wyszukaj kod śledzący w kodzie źródłowym strony. Jeśli go znajdziesz, ale jest zakomentowany, odkomentuj go. Jeśli dane przestały płynąć, a kodu nie możesz znaleźć, skontaktuj się z programistą. Coś go wyłączyło bez Waszej wiedzy.
Używamy polityki bezpieczeństwa treści, która blokuje skrypty. Czy to blokuje nasz kod śledzący?
Możliwe. Sprawdź ustawienia polityki bezpieczeństwa treści. Upewnij się, że domena analityki jest na liście dozwolonych. Jeśli kod śledzący jest blokowany przez politykę bezpieczeństwa, dane nie popłyną. Współpracuj z zespołem bezpieczeństwa, by dodać domenę analityki do listy dozwolonych. Udokumentuj, że ten wyjątek jest potrzebny, by śledzenie działało.