Jak zainstalować Google Analytics na 3 sposoby
Założenie konta Google Analytics i dodanie kodu śledzącego na stronę to pierwszy krok do zbierania statystyk. W tym artykule prezentuję trzy sposoby na to jak zainstalować Google Analytics w Twoim serwisie (blogu, sklepie internetowym itd.). W tym jeden rekomendowany.
Dlaczego w ogóle warto mieć na stronie wpięty Google Analytics?
Dzięki temu narzędziu wiesz:
- Ile osób odwiedza Twoją witrynę
- Na jakie podstrony wchodzą
- Ile czasu spędzają na stronie
- Jaki % użytkowników dokonuje konwersji (zakup, zapis na newsletter, wypełnienie formularza kontaktowego itd.)
- Jak szybko ładuje się Twoja strona
- Ile osób widzi ją na urządzeniach mobilnych
- Ile średnio podstron odwiedzają użytkownicy podczas jednej wizyty
I tak dalej, i tak dalej… możliwości jest cały ocean.
Zacznij jednak od podstaw, czyli dodania podstawowego kodu śledzącego.
Załóż konto Google Analytics
Najpierw oczywiście musisz mieć co dodać na stronę. Aby uzyskać kod śledzący, musisz najpierw założyć konto w Google Analytics, a następnie stworzyć usługę (która będzie mieć specjalny numer UA-XXXXXXX-Y).
Jeśli masz już konto i usługę Google Analytics, możesz pominąć ten krok.
W przeciwnym wypadku wejdź na stronę Google Analytics i załóż konto.
Skorzystaj w tym celu z gotowych instrukcji Google. Nie ma sensu ich dublować w tym artykule.
Jeśli posiadasz konto Google (np. korzystasz z Gmail lub YouTube), to wystarczy, że zalogujesz się tymi danymi i założysz konto GA.
Gdy założysz konto, pierwsza usługa i widok będą automatycznie gotowe.
Trzy sposoby na dodanie kodu śledzącego
Aby statystyki bloga były widoczne w Google Analytics, musisz dodać w serwisie kod śledzący.
Możesz to zrobić na trzy sposoby:
- Google Tag Manager (rekomendowane)
- Wtyczka lub ustawienia systemowe
- Wklejenie kodu bezpośrednio w HTML serwisu
Rekomenduję wdrożenie przez Google Tag Manager, czyli menedżer tagów. W skrócie jest to oddzielna aplikacja przeglądarkowa, z poziomu której możesz dodawać różne skrypty do swojego serwisu.
Jeśli w przyszłości będziesz chciał dodać na przykład:
- Kod remarketingowy
- Piksel Facebooka
- Skrypt narzędzia do heatmap
- Śledzenie zdarzeń w Google Analytics
To nie będziesz musiał „grzebać” w kodzie źródłowym serwisu. Dodasz to wszystko z poziomu Google Tag Manager. Bez pomocy programisty.
Jest to proste w obsłudze i bezpieczne rozwiązanie. Zwłaszcza dla osób nietechnicznych.
Dodanie Google Analytics przez Google Tag Manager to świetny sposób na oswojenie się z narzędziem i jego prawidłowe dodanie na stronę.
UWAGA! Jeśli prowadzisz sklep internetowy i chcesz śledzić moduł Ecommerce poprzez gotową integrację platformy sklepowej, to prawdopodobnie najlepiej będzie wdrożyć Google Analytics przez panel administracyjny sklepu.
W przeciwnym wypadku mogą wystąpić problemy ze śledzeniem. Dodaj natomiast kontener Google Tag Manager mimo tego – po prostu nie twórz w nim tagu śledzącego Google Analytics.
Google Tag Manager
(praktyczny kurs online)
Kurs online od podstaw do poziomu średnio-zaawansowanego. Opanuj narzędzie cenione przez klientów i pracodawców, z którym życie analityka, marketera czy specjalisty e-commerce staje się prostsze.
📹 5h krótkich, praktycznych lekcji.
🎓 Quiz sprawdzający wiedzę po każdym module
📄 Certyfikat ukończenia kursu (PDF)
Po kursie będziesz umieć:
✅ Zainstalować GTM na stronie
✅ Skonfigurować śledzenie zdarzeń Universal Analytics i Google Analytics 4
✅ Monitorować każdą interakcję ze stroną, jaka jest dla Ciebie istotna (kliknięcia, wideo, scrollowanie, formularze, przyciski, menu, etc.)
✅ Dodać tagi konwersji Google Ads, piksel Facebooka, Snapchata czy LinkedIn
✅ Budować dataLayer i komunikować się z programistami
✅ Mierzyć wysyłki formularzy kontaktowych
✅ Poradzić sobie, gdy gotowe wtyczki do dataLayer nie dają rady
✅ Korzystać z pełni możliwości, jakie dają tagi, zmienne i reguły w GTM
✅ Optymalizować czas potrzebny na wdrożenie
✅ Bezpiecznie pracować z GTM, aby niczego nie popsuć
Jeśli masz wątpliwości w tym zakresie, daj znać w komentarzach.
Jak zainstalować Google Analytics przez Google Tag Manager
Najpierw musisz stworzyć konto Google Tag Manager.
Wejdź na https://tagmanager.google.com/, kliknij Utwórz konto i stwórz nowe konto oraz kontener.
Gdy pojawi się poniższy ekran, nie zamykaj karty. Te kody będą Ci zaraz potrzebne.
Teraz najważniejsza część, czyli dodanie kodu GTM do sekcji <head> oraz <body>, na każdej podstronie Twojego serwisu.
Platformy sklepowe czy WordPress oferują rozwiązania, dzięki którym możesz wkleić dowolny kod w <head> lub <body> z poziomu panelu administracyjnego. Oczywiście bez ingerowania w szablon serwisu.
Instalację GTM na stronie zaprezentuję na przykładzie WordPressa.
Otwórz w nowej karcie panel administracyjny WordPress.
Przejdź do sekcji Wygląd > Edytor.
Na liście po prawej znajdź i kliknij w Nagłówek motywu.
W kodzie źródłowym znajdź fragment <head> i wklej bezpośrednio pod nim kod GTM dla części <head> (pierwszy od góry na poprzednim screenie).
Teraz znajdź fragment <body> i od razu za tym tagiem wklej drugą część kodu GTM.
Kliknij Zaktualizuj plik. Gotowe!
Dodaj tag z kodem śledzącym Google Analytics
- Otwórz Google Tag Manager i dodaj nowy tag.
- Nazwa: UA – Pageview
- Typ tagu: Universal Analytics
- Typ śledzenia: Wyświetlenie strony
- Ustawienia Google Analytics
- Kliknij Nowa zmienna
- Wklej swój identyfikator śledzenia. Użyj go też jako nazwy.
- Reguła: All pages.
- Zapisz tag.
Kliknij teraz szary przycisk “Podgląd”.
Sprawdź, czy śledzenie działa
Ostatnia prosta. Weryfikujemy, czy poprawnie dodałeś GTM i kod śledzący GA.
- Wejdź na swój serwis
- Twoim oczom ukaże się na dole ekranu panel podglądu Google Tag Manager.
- Jeśli wśród uruchomionych tagów widzisz UA – Pageview, to wszystko działa.
Teraz możesz bezpiecznie „odpalić” konfigurację dla wszystkich odwiedzających.
- Wróć do Google Tag Manager i kliknij Prześlij, a następnie Opublikuj.
- Kontener został opublikowany. Teraz każda wizyta w serwisie jest śledzona w Google Analytics.
Jak zainstalować Google Analytics przez wtyczkę lub panel administracyjny
Wdrożenie przez wtyczkę (np. do WordPressa) lub opcję w panelu administracyjnym sklepu internetowego jest najszybsze. Zwykle wystarczy, że dodasz swój identyfikator UA i dane zaczną się pojawiać w Twoim Google Analytics.
Jeśli korzystasz z WordPress, to polecam wtyczkę GA Google Analytics. Pełną instrukcję wraz ze screenami znajdziesz w moim bezpłatnym ebooku Google Analytics dla blogerów.
Prowadzisz sklep internetowy? Instalacja będzie prosta. Jako przykład weźmy platformę Shoper.
Google Analytics 4
(praktyczny kurs online)
Praktyczny kurs online z Google Analytics 4. Ponad 100 lekcji, 7+ godzin materiału wideo. Od podstaw do poziomu zaawansowanego.
📹 7h krótkich, praktycznych lekcji.
🎓 Quiz sprawdzający wiedzę po każdym module
📄 Certyfikat ukończenia kursu (PDF)
📚 Regularne aktualizacje kursu o nowe materiały
🗓️ Dostęp na 24 miesiące
💬 Grupa wsparcia dla kursantów na FB
Po kursie będziesz umieć:
✅ Przeprowadzić migrację z Universal Analytics (GA3) do GA 4.
✅ Opracować plan śledzenia – aby mierzyć i analizować to, co istotne.
✅ Poradzić sobie w GA4 bez przydatnych funkcjonalności, które znasz z GA3.
✅ Poprawnie zainstalować GA4 przez Google Tag Manager.
✅ Konfigurować zdarzenia w GTM oraz w interfejsie GA4.
✅ Przesyłać dane e-commerce do GA4 (zakup, dodanie do koszyka, wyświetlenia produktów, etc.)
✅ Dopasować konfigurację GA4 do unikalnych potrzeb biznesowych dzięki wymiarom i metrykom niestandardowym.
✅ Tworzyć przydatne raporty z wykorzystaniem sekcji Eksplorowanie.
✅ Analizować dane z GA4 i wyciągać wnioski, które przekujesz w działania.
✅ Podłączyć GA4 do BigQuery i pisać podstawowe zapytania do bazy danych.
Instalacja Google Analytics w Shoper
Przejdź do sekcji Konfiguracja > Integracje > Inne i kliknij „Konfiguruj” przy integracji Google Analytics.
- Przełącz „Aktywność” na TAK
- W polu „Identyfikator konta Google” dodaj swój numer UA, np. UA-123456789-1
- Silnik: Universal Analytics
- Kliknij „Zapisz”.
Gotowe.
W przypadku innych popularnych platform sklepowych, jak IAI Shop, Redcart czy Magento proces będzie podobny. Narzędzia te oferują też zwykle instrukcje dodania kodu.
Jak zainstalować Google Analytics przez wklejenie kodu
Tej metody nie polecam, ponieważ nie ma ona zalet w porównaniu do dwóch powyższych.
Z racji tego instrukcja tego sposobu będzie krótka.
Ten sposób jest podobny do dodawania kodu kontenera Google Tag Manager.
Musisz znaleźć opcję edycji sekcji <head>, a następnie dodać tam kod śledzący Google Analytics.
Kod znajdziesz panelu administracyjnym Google Analytics w sekcji Administracja > Informacje o śledzeniu > Kod śledzący.
Kod wklej zaraz za tagiem <head>.
Po zapisaniu zmian dane o odsłonach serwisu powinny się wysyłać do Google Analytics.
Sprawdzisz to np. w panelu GA, w sekcji Czas rzeczywisty > Omówienie. Jeśli aktualnie jesteś na swojej stronie, to w tym raporcie powinna się wyświetlać wizyta.
Podsumowanie
Mam nadzieję, że wybrałeś trudniejszą, ale przyszłościową drogę instalacji Google Analytics przez Google Tag Manager.
Czas zainwestowany w dodanie tego narzędzia na stronę zwróci Ci się w przyszłości. Zaoszczędzisz go na dodawaniu i zarządzaniu innymi skryptami.
czy dobrze rozumiem, że jeśli chce zainstalować przez google tag managera, google analytics, jeśli jest moduł ecommerce, nie instalować google analytics przez google tag managera ?
sekcja -> Trzy sposoby na dodanie kodu śledzącego
UWAGA! Jeśli prowadzisz sklep internetowy i chcesz śledzić moduł Ecommerce poprzez gotową integrację platformy sklepowej, to prawdopodobnie najlepiej będzie wdrożyć Google Analytics przez panel administracyjny sklepu.
W przeciwnym wypadku mogą wystąpić problemy ze śledzeniem. Dodaj natomiast kontener Google Tag Manager mimo tego – po prostu nie twórz w nim tagu śledzącego Google Analytics.
Jeśli moduł e-commerce jest śledzony przez wbudowaną w sklepie integrację lub wtyczkę, to często uruchamia też ona tag odsłony GA. Więc jeśli dodasz drugi w GTM, to odsłona będzie się dublować, bounce rate spadnie do 0%, etc.
Okej, jeśli moim oczom jednak nie ukazuje się na mojej witrynie na dole ekranu panel podglądu Google Tag Manager a w dodatku sam Tag Manager pokazuje, że 'Could not connect to ’ ewidentne jest, że coś zrobiłam źle. Na wklejeniu kodu do wordpressa chyba się nie wyłożyłam… Gdzie mogłam zrobić błąd? Podpowiesz gdzie najcześciej popełniają błędy ludzie nietechniczni? 😀
Dzień dobry, posiadam na witrynie zainstalowany tag analytics.js poprzez wtyczkę. Jakie rozwiązanie by Pan zarekomendował w takiej sytuacji przy wdrażaniu GA4 ? Nie posiadam zainstalowanego GTM. Z góry dziękuję za odpowiedź.