Kod śledzenia Google Analytics należy umieścić w sekcji <head> strony HTML, bezpośrednio po otwarciu znacznika <head>. Dzięki temu kod ładuje się już na początku wczytywania strony, co gwarantuje pełny pomiar aktywności użytkowników i prawidłowe działanie narzędzia.
Szczegółowe wyjaśnienie – dlaczego w <head>
- Priorytet ładowania – kod w
<head>ładuje się jako jeden z pierwszych elementów, jeszcze zanim użytkownik podejmie jakiekolwiek interakcje; pozwala to zarejestrować wszystkie wizyty i zdarzenia, nawet tych użytkowników, którzy opuszczają stronę bardzo szybko; - Uniwersalność – umieszczenie kodu w
<head>sprawdzi się zarówno na stronach „statycznych” (np. wizytówki, blogi), jak i w serwisach dynamicznych, sklepach internetowych czy portalach, gdzie każdy użytkownik jest wartościowym źródłem danych; - Zalecenie Google – oficjalna dokumentacja rekomenduje, by kod Analytics umieszczać tuż za otwarciem
<head>.
Przykładowa struktura kodu HTML z Google Analytics
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Przykładowa strona</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXXX-X');
</script>
<!-- Tu dodaj kolejne znaczniki meta, style, itp. -->
</head>
<body>
<!-- Treść strony -->
</body>
</html>
Najważniejsze jest, by cały fragment skryptu Google Analytics (w tym <script async src="..."> oraz drugi <script>...</script>) znalazł się nad innymi skryptami w sekcji <head>.
Przykłady zastosowań w różnych serwisach
Prosta strona wizytówkowa
Wklej kod GA w jeden główny plik HTML, nad wszystkimi innymi skryptami i stylami w <head>.
Strona WordPress
Możesz dodać kod korzystając z:
- edytora motywu (np. sekcja „Nagłówek motywu” lub „header.php”),
- wtyczki, która umożliwia dodawanie skryptów do
<head>wszystkich podstron bez edycji plików szablonu.
Sklep internetowy (np. WooCommerce, PrestaShop)
Dodaj kod GA do sekcji <head> globalnego szablonu (np. „header.tpl”, „header.php”). Warto rozważyć rozbudowaną konfigurację: m.in. Enhanced Ecommerce.
Częste pytania i dobre praktyki
- Czy można umieścić kod w
<body>?
Google zaleca umieszczenie kodu śledzenia wyłącznie w<head>. Kod Analytics w<body>może powodować opóźnienia i utratę danych. - Jak sprawdzić, czy kod działa prawidłowo?
Po wdrożeniu przejdź do Google Analytics i sprawdź widok w czasie rzeczywistym. Odwiedzając stronę, zobaczysz przynajmniej jednego aktywnego użytkownika (siebie). - Jak wdrożyć kod na wielu podstronach?
Umieść go we wspólnym szablonie (np. header w PHP, blade, twig lub inny fragment dołączany do każdego pliku HTML). W WordPress lub CMS wykorzystaj dedykowane pole na kody w nagłówku lub bezpieczną wtyczkę.
Podsumowanie kroków wdrożenia
- Skopiuj kod śledzenia Google Analytics z panelu administracyjnego,
- otwórz plik HTML lub opcję edycji nagłówka w CMS (np. header.php w WordPress),
- wklej cały kod zaraz za otwierającym
<head>. - zapisz zmiany i sprawdź działanie w panelu Analytics.
Prawidłowo wstawiony kod zapewnia kompletną analizę ruchu na stronie, co pomaga w podejmowaniu trafnych decyzji biznesowych i optymalizacyjnych.
