Dlaczego podstawowa analityka nie wystarcza

Standardowy kod GA4, który wielu po prostu wstawia w stopkę strony, pokazuje podstawowe metryki: liczbę odwiedzających, wyświetlenia stron, sesje. Ale dla sklepu internetowego to zdecydowanie za mało.

Bez rozszerzonego handlu elektronicznego nie dowiesz się:

• Ile osób dodało produkt do koszyka, ale nie kupiło
• Które produkty są najczęściej oglądane razem
• Na jakim etapie realizacji zamówienia ludzie porzucają koszyk
• Która reklama przyniosła rzeczywiste zakupy, a nie tylko kliknięcia
• Średnia wartość zamówienia dla każdego kanału reklamowego

Znajomy marketer opowiadał: skonfigurowali GA4 z e-commerce dla klienta — sklepu kosmetycznego. Po tygodniu okazało się, że 40% osób porzuca koszyk na etapie wyboru sposobu dostawy. Uprościli formularz — konwersja wzrosła o 15%. Bez danych nie zauważyliby tego.

Podstawowa konfiguracja GA4 dla sklepu internetowego

Zanim przejdziesz do zdarzeń e-commerce, musisz utworzyć strumień danych w GA4 i zainstalować podstawowy kod.

Krok 1. Utworzenie strumienia danych

1. Wejdź do Google Analytics → Administrator → Utwórz zasób
2. Wybierz "Strona internetowa", podaj URL swojego sklepu
3. Skopiuj ID pomiaru (formatu G-XXXXXXXXXX)

Krok 2. Instalacja kodu na stronie

Jest kilka sposobów:

• Przez Google Tag Manager (zalecane) — tworzysz tag GA4 z wyzwalaczem All Pages. GTM daje elastyczność konfiguracji zdarzeń bez modyfikacji kodu.
• Przez CMS/platformę — wiele platform pozwala wstawić ID GA4 w ustawieniach. Na przykład na BooStore.pro wystarczy wpisać ID w pole "Google Analytics ID", a kod podłącza się automatycznie na wszystkich stronach.

Kluczowe zdarzenia e-commerce: od wyświetlenia do zakupu

Dla sklepu internetowego Google zdefiniował standardowy zestaw zdarzeń rozszerzonego handlu elektronicznego (enhanced e-commerce). Oto co musisz skonfigurować w pierwszej kolejności:

Każde zdarzenie przekazuje parametry: id produktu, nazwę, kategorię, cenę, ilość, walutę. Te dane tworzą raporty w lejku zakupowym i w raporcie "Monetyzacja".

Czym jest DataLayer i jak działa

DataLayer — to obiekt JavaScript na stronie, który tymczasowo przechowuje dane o produktach, koszyku i zamówieniu. GA4 przez GTM lub gtag.js odczytuje te dane i wysyła je jako parametry zdarzeń.

Bez DataLayer każde zdarzenie trzeba by było sztywno kodować. Z DataLayer dane są zbierane automatycznie — wystarczy napisać prawidłową strukturę.

Przykład DataLayer przy dodawaniu produktu do koszyka:

Jak skonfigurować DataLayer w zależności od platformy

• WordPress + WooCommerce: użyj wtyczki Google Listings & Ads lub GTM4WP (Google Tag Manager for WooCommerce). Automatycznie generują DataLayer na wszystkich stronach.
• OpenCart: potrzebny jest moduł rozszerzonego handlu elektronicznego. Bez niego DataLayer trzeba pisać ręcznie w plikach motywu.
• BooStore.pro: DataLayer jest generowany automatycznie na poziomie rdzenia. Wszystkie zdarzenia e-commerce są przekazywane do GA4 bez instalowania wtyczek. Więcej poniżej.

Google Tag Manager vs gtag.js: co wybrać

Do przekazywania danych do GA4 można użyć dwóch podejść — bezpośredniej instalacji przez gtag.js lub przez Google Tag Manager (GTM). Każde ma swoje zalety i wady.

Czym jest Google Tag Manager

GTM — to darmowy menedżer tagów Google. Zamiast wstawiać wiele skryptów (GA4, Facebook Pixel, Yandex.Metrica, Hotjar itp.) bezpośrednio w kod strony, instalujesz jeden kontener GTM, a wszystkie tagi konfigurujesz przez interfejs webowy.

To pozwala zmieniać ustawienia analityki bez angażowania programisty i bez modyfikacji kodu strony. Wystarczy opublikować nową wersję kontenera — i zmiany są aktywne na wszystkich stronach.

Czym jest dataLayer.push() i jak to działa

DataLayer — to globalna tablica JavaScript, która przechowuje dane na stronie. GTM odczytuje tę tablicę i przy pojawieniu się nowych danych automatycznie uruchamia odpowiednie tagi. Metoda dataLayer.push() dodaje nowy obiekt do tej tablicy, informując tym samym GTM o zaistniałym zdarzeniu.

Podstawowa struktura wywołania:

Po wywołaniu dataLayer.push() GTM sprawdza, czy istnieje wyzwalacz reagujący na zdarzenie custom_event. Jeśli tak — uruchamia powiązane z nim tagi. To podstawa całej analityki zdarzeniowej.

Przykład: śledzenie kliknięcia przycisku przez dataLayer.push

Zakładając, że masz przycisk «Kup w jeden klik» i chcesz śledzić jego kliknięcia w GA4. Zamiast przypinać obsługę bezpośrednio do GA4, dodajesz dataLayer.push w kod JavaScript przycisku:

W GTM tworzysz wyzwalacz na zdarzenie quick_buy i tag GA4, który wysyła to zdarzenie z parametrami product_id, product_name i price. Wszystko — bez modyfikacji głównego kodu GA4.

Porównanie podejść: gtag.js vs GTM

Kiedy co wybrać

• gtag.js — jeśli masz prosty sklep, tylko GA4 i nie planujesz często zmieniać ustawień analityki. Nadaje się do szybkiego startu.
• GTM — jeśli masz kilka systemów analityki (GA4 + Facebook Pixel + Yandex.Metrica + Hotjar), planujesz śledzić niestandardowe zdarzenia, chcesz mieć możliwość szybkiego wprowadzania zmian bez programisty.

Śledzenie zakupów (purchase event)

Zdarzenie purchase — najważniejsze. To na jego podstawie Google oblicza przychód, zwrot z reklamy (ROAS) i optymalizuje kampanie.

Oto jak powinien wyglądać prawidłowy DataLayer dla zakupu:

Parametry, które należy przekazywać:

• transaction_id — unikalne ID zamówienia. Ochrona przed duplikowaniem: jeśli GA4 otrzyma dwa zdarzenia z tym samym transaction_id, uwzględni tylko pierwsze.
• value — końcowa kwota zamówienia z rabatem i dostawą. Nie suma produktów, ale rzeczywiście zapłacona przez klienta.
• currency — waluta (UAH, USD, EUR).
• items — tablica zakupionych produktów z cenami i ilościami.

Jak widzieć zwrot z każdej reklamy

Gdy wszystkie zdarzenia e-commerce są skonfigurowane, można podłączyć kanały reklamowe. Bez tego widzisz tylko kliknięcia, ale nie wiesz, które z nich doprowadziły do zakupów.

Połączenie GA4 + Google Ads

W GA4 wejdź w Administrator → Powiązania z innymi produktami → Powiązanie z Google Ads. Następnie w raportach Google Ads pojawią się konwersje z GA4 (purchase, add_to_cart itp.).

Połączenie GA4 + Facebook / Meta Ads

Skonfiguruj Conversions API (CAPI) po stronie serwera. Bez CAPI piksel traci do 30% danych z powodu blokerów reklam i ograniczeń iOS. GA4 w tym schemacie działa jako serwer potwierdzania konwersji.

Atrybucja: która reklama rzeczywiście sprzedaje

W GA4 są raporty atrybucji. Pokazują, które kanały prowadzą do zakupów, a które tylko do pierwszych kliknięć. Na podstawie tych danych realokujesz budżet: usuwasz nieefektywne kanały, wzmacniasz działające.

Przykład z praktyki: skonfigurowaliśmy klientowi analitykę end-to-end GA4 + Google Ads + Facebook. Okazało się, że Facebook daje 80% pierwszych kontaktów, ale tylko 20% finalnych. Google Ads — odwrotnie. Przealokowaliśmy budżet: Facebook został dla świadomości (górny lejek), Google Ads dla konwersji (dolny lejek). ROI wzrósł o 35%.

GA4 na BooStore.pro: konfiguracja w 5 minut

W tym miejscu właściciele WordPress i OpenCart zwykle zaczynają odczuwać ból: instalacja wtyczki, konfiguracja DataLayer, sprawdzanie konfliktów skryptów, aktualizacja przy zmianie motywu. Na BooStore.pro wszystko jest inaczej. Platforma zapewnia również potężne narzędzia automatyzacji i umożliwia tworzenie stron rezerwacji usług — cała analityka jest już wbudowana.

Rozszerzony handel elektroniczny GA4 jest zintegrowany na poziomie rdzenia platformy. To oznacza:

Porównaj: na WordPress trzeba zainstalować wtyczkę (np. GTM4WP), skonfigurować jej mapę danych, sprawdzić kompatybilność z motywem i innymi wtyczkami, przetestować. Przy aktualizacji motywu lub wtyczki — sprawdzić ponownie. Na BooStore.pro wszystko działa "od razu" i nie psuje się przy aktualizacjach.

Do startu wystarczy darmowy plan — GA4, DataLayer i zdarzenia e-commerce działają na wszystkich planach, w tym darmowym. Ograniczenie dotyczy tylko liczby produktów, ale nie analityki.

Shortcodes i Callback-funkcje: niestandardowa analityka na BooStore.pro NEW

Standardowy zestaw zdarzeń GA4 często wystarcza do podstawowej analityki, ale w złożonych scenariuszach może być potrzebne przekazywanie własnych danych. Na BooStore.pro są do tego dwa potężne narzędzia — Shortcodes i Callback-funkcje.

Shortcodes: dynamiczne dane w dowolnym miejscu

Shortcodes — to zastępowalne aliasy, które podstawiają rzeczywiste dane z systemu: ID produktu, nazwę, cenę, kategorię, SKU, ścieżkę do obrazu i wiele innych. Działają na poziomie HTML i JavaScript, umożliwiając osadzanie aktualnych danych bezpośrednio w kodzie analityki.

Pełna lista Shortcodes znajduje się w dokumentacji platformy.

Przykład: przekazywanie ID produktu w niestandardowym zdarzeniu GA4

Zakładając, że chcesz wysłać do GA4 zdarzenie przy kliknięciu przycisku «Szybki podgląd» z danymi produktu. Używamy Shortcodes, aby dynamicznie podstawić ID, nazwę i cenę produktu:

Shortcodes [product_id], [product_name], [product_price] i [product_sku] zostaną automatycznie zastąpione rzeczywistymi danymi karty produktu przy jej otwarciu. W GTM tworzysz wyzwalacz na zdarzenie quick_view i odczytujesz te parametry.

Przykład: zdarzenie przy wysyłce formularza z danymi zamówienia

Shortcodes działają nie tylko z produktami, ale także z innymi danymi strony. Można na przykład przekazywać kwotę zamówienia na stronie "Dziękujemy":

Callback-funkcje: przechwytywanie zdarzeń platformy

BooStore.pro obsługuje JavaScript Callback-funkcje, które są automatycznie wywoływane po załadowaniu lub zmianie określonych danych na stronie. Pozwala to wdrożyć własną logikę analityki bez modyfikacji rdzenia strony. Wszystkie zdarzenia są opisane w dokumentacji Callback-funkcji.

Dostępne zdarzenia Callback dla analityki

Prawdziwy przykład: niestandardowy purchase event przez Callback

Zakładając, że chcesz wysłać do GA4 zdarzenie purchase z dodatkowymi danymi, których nie przekazuje standardowy DataLayer BooStore.pro. Możesz nadpisać callback_order_confirm:

Przykład: śledzenie zmiany wariantu produktu

Jeśli sprzedajesz produkty z wariantami (kolor, rozmiar), warto wiedzieć, który wariant jest wybierany częściej. Używamy callback_variation_change:

Przykład: niestandardowe przekazywanie danych przy dodawaniu do koszyka

Czasami trzeba wysłać do GA4 nie tylko standardowe pola, ale także dodatkowe informacje — na przykład skąd przyszedł użytkownik lub jego grupę rabatową:

Szybka integracja przez GTM + Shortcodes

Możesz łączyć GTM z Shortcodes dla elastycznej konfiguracji. Zamiast pisać kod JavaScript na stronie, użyj tagu Custom HTML w GTM, wstaw tam kod z Shortcodes, a GTM będzie go przetwarzać jak zwykły tag:

Ten tag będzie uruchamiał się na stronach produktów i przekazywał do DataLayer rzeczywiste dane z Shortcodes. Pozostałe tagi GTM będą miały do nich dostęp.

Typowe błędy przy konfiguracji GA4

Widziałem dziesiątki sklepów, w których GA4 jest skonfigurowany, ale dane nie przychodzą lub są nieprawidłowe. Oto najczęstsze błędy:

• Brak transaction_id w purchase — GA4 nie zalicza zakupu bez niego. System uznaje to za duplikat. Sprawdź, czy ID zamówienia jest przekazywane w DataLayer.
• Duplikowanie zdarzenia purchase — jeśli zdarzenie purchase jest wysyłane dwa razy na jeden zakup (np. na stronie "Dziękujemy za zamówienie" i jeszcze gdzieś), GA4 podwoi przychód. transaction_id chroni przed duplikatami tylko w ramach jednego zasobu.
• Nieprawidłowa waluta — jeśli w sklepie jest ustawiona hrywna, a zdarzenie wysyła USD, dane o przychodzie będą nieprawidłowe. Sprawdź parametr currency w każdym zdarzeniu.
• Nieaktualny kod Universal Analytics — jeśli na stronie jest stary kod UA (UA-XXXXXX), ale brak GA4 (G-XXXXXXX), dane nie przychodzą. Potrzebny jest właśnie nowy kod GA4. Universal Analytics został wyłączony w lipcu 2023.
• Blokery reklam — wielu użytkowników używa AdBlock, który blokuje GA4. Serwerowy GTM (Server-side Tagging) rozwiązuje ten problem, ale wymaga konfiguracji.
• Ignorowanie testowego zakupu — skonfigurowałeś i zapomniałeś sprawdzić. Zawsze wykonuj testowe zamówienie i sprawdzaj przez raport na żywo, czy przyszło zdarzenie purchase.

Analityka to nie magia, a dane

Prawidłowo skonfigurowana analityka pokazuje, które produkty się sprzedają, skąd pochodzą klienci i ile zarabiasz na każdej złotówce budżetu reklamowego. Bez niej prowadzisz sklep po omacku.

Zacznij od małego: zainstaluj GA4, skonfiguruj purchase event, sprawdź testowy zakup. Za tydzień będziesz mieć dane, na podstawie których możesz podejmować decyzje. Za miesiąc — zrozumienie, jak alokować budżet reklamowy.

GA4, Facebook Pixel, zdarzenia e-commerce — wszystko wbudowane.