Kod śledzenia Google Analytics należy umieścić w sekcji <head> strony HTML, zaraz za jej otwarciem. Takie umiejscowienie gwarantuje prawidłowe i możliwie najwcześniejsze wczytanie skryptu, co przekłada się na pełniejsze zbieranie danych o użytkownikach.
Dlaczego kod śledzenia powinien znaleźć się w <head>?
- Wczesne wczytanie – umieszczenie kodu na początku sekcji
<head>sprawia, że jest ładowany natychmiast po otwarciu strony, zanim pojawią się inne elementy; to zapewnia rejestrację niemal wszystkich odwiedzin i zdarzeń, nawet jeśli użytkownik szybko opuści stronę; - Stabilność działania – skrypt Analytics nie koliduje z pozostałymi elementami strony, a dane są przekazywane bez zakłóceń;
- Zgodność z dokumentacją Google – Google oficjalnie zaleca, aby kod śledzący wstawiać zaraz po otwarciu
<head>.
Jak dodać kod Analytics? Praktyczny poradnik
1. Skopiuj kod śledzenia GA
- Pobierz kod z panelu Google Analytics, wybierając opcję instalacji ręcznej lub według instrukcji z Twojego konta. Kod wygląda zwykle tak:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
2. Wklej kod w sekcji <head>
- Znajdź w kodzie strony otwierający tag
<head>. - Zaraz za nim, przed innymi skryptami, wklej kod śledzenia.
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
<!-- Inne metatagi, style, skrypty -->
</head>
3. Zapisz plik i przetestuj działanie
- Po wklejeniu kodu, zapisz zmiany i przetestuj wdrożenie — odwiedź swoją stronę w trybie incognito i sprawdź, czy nowe sesje pojawiają się w sekcji „Czas rzeczywisty” w Google Analytics.
Typowe scenariusze wdrożenia
- Prosta strona HTML – edytuj plik
.htmli wprowadź kod w sekcji<head>; - WordPress – z poziomu panelu administracyjnego możesz użyć „Edytora motywu” i wkleić kod do pliku
header.phptuż po<head>; - Sklepy internetowe / inne CMS – większość platform pozwala na wklejenie kodu bezpośrednio w sekcji
<head>za pomocą dedykowanego pola w ustawieniach lub przez moduł integracyjny; - Za pomocą Google Tag Manager – wówczas postępuj zgodnie z instrukcją dla GTM, wklejając część kodu w
<head>, a drugą, uzupełniającą część – zaraz po otwarciu<body>(ważne tylko dla GTM, nie dla Analytics).
Najczęstsze błędy do uniknięcia
- Wklejanie kodu w
<body>– kod Analytics powinien znajdować się w<head>, nie zaś w<body>; wklejenie kodu w innym miejscu może skutkować niepełnym zbieraniem danych; - Powielanie kodu – upewnij się, że kod śledzenia znajduje się na stronie tylko raz;
- Brak personalizacji identyfikatora – zmień
GA_MEASUREMENT_IDna własny identyfikator konta Analytics.
Dodatkowe wskazówki i zastosowania
- Jeżeli korzystasz z wielu narzędzi marketingowych, kod Analytics nie powinien być blokowany przez inne skrypty czy blokady cookies, a warto dodać odpowiednią informację o polityce prywatności oraz zadbać o legalność przetwarzania danych;
- W dużych projektach często korzysta się z Google Tag Managera – pozwala to centralnie zarządzać skryptami wszystkich narzędzi marketingowych i analitycznych;
- Umieszczając kod śledzący manualnie, aktualizuj go przy każdej zmianie konta, wersji czy dodawaniu nowych funkcjonalności (np. Enhanced Ecommerce).
Prawidłowe osadzenie kodu śledzenia Analytics w sekcji <head> jest kluczowe dla poprawnej analityki i skutecznego rozwoju serwisu internetowego.
