Aplikacja Gridaly pozwala na podłączenie własnego kontenera Google Tag Manager, aby wysyłać standardowe oraz dedykowane zdarzenia związane z procesem rejestracji i ścieżką zakupową wydarzeń.
Z tego artykułu dowiesz się:
Czym jest Google Tag Manager?
Jak skonfigurować Google Tag Manager z systemem Gridaly?
Czym jest Google Analytics (GA4)?
Jak skonfigurować Google Analytics (GA4)?
Konfiguracja zdarzeń z Gridaly
Czym jest Google Tag Manager?
Google Tag Manager (GTM) to zaawansowane, a jednocześnie przyjazne dla użytkownika narzędzie do zarządzania znacznikami (tagami) na stronie internetowej lub w aplikacji mobilnej. Umożliwia centralne dodawanie, edytowanie oraz kontrolowanie skryptów śledzących – bez konieczności każdorazowej ingerencji w kod źródłowy witryny.
Dzięki GTM możliwe jest łatwe wdrażanie i konfiguracja takich rozwiązań jak:
Google Analytics, Google Ads, Facebook Pixel,
kody remarketingowe,
narzędzia do śledzenia konwersji,
rozwiązania analityczne firm trzecich.
System opiera się na tzw. kontenerze, który raz wdrożony w kodzie strony pozwala zarządzać wszystkimi tagami z poziomu intuicyjnego panelu administracyjnego. Użytkownik definiuje, kiedy i w jakich warunkach dany tag ma się aktywować, wykorzystując tzw. wyzwalacze (triggers) oraz zmienne (variables), co daje dużą elastyczność i precyzję.
Jak skonfigurować Google Tag Manager z systemem Gridaly?
Aby aktywować Google Tag Manager w systemie Gridaly, wystarczy dodać identyfikator kontenera (Container ID) w ustawieniach konkretnego wydarzenia.
Przejdź do panelu administracyjnego wydarzenia.
Następnie przejdź do zakładki Ustawienia→Zaawansowane.
Wpisz Identyfikator Kontenera w polu Google Tag Manager.
Zapisz zmiany
Czym jest Google Analytics (GA4)?
Google Analytics 4 (GA4) to najnowsza generacja platformy analitycznej Google, która umożliwia kompleksowe śledzenie i analizę zachowań użytkowników na stronach internetowych oraz w aplikacjach mobilnych. GA4 wyróżnia się nowoczesnym modelem danych opartym na zdarzeniach (event-based tracking), co pozwala na bardziej elastyczne i szczegółowe monitorowanie interakcji użytkowników.
GA4 integruje dane z różnych źródeł, oferując spójną i jednolitą analizę ścieżek klientów, niezależnie od platformy. Dzięki temu możliwe jest dokładniejsze zrozumienie procesu konwersji, identyfikacja trendów oraz optymalizacja działań marketingowych.
Jak skonfigurować Google Analytics (GA4) z Google Tag Manager?
Aby poprawnie zintegrować kontener GTM z Google Analytics 4, należy wykonać następujące kroki:
Dodać nowy tag typu „Google Analytics: GA4 Configuration”.
Wprowadzić identyfikator pomiaru (Tag ID), który można pobrać z panelu Google Analytics 4.
Skonfigurować wyzwalacze (reguły uruchamiające):
All Pages (uruchomienie tagu na wszystkich stronach)
History Change (uruchomienie tagu przy zmianie historii przeglądarki)
Uwaga: Platforma Gridaly działa jako aplikacja typu Single Page Application (SPA), czyli bez pełnego odświeżania strony. W związku z tym, aby integracja Google Analytics 4 działała poprawnie, konieczne jest dodanie wyzwalacza „History Change”, który odpowiada za śledzenie zmian stanu strony bez przeładowania.
Konfiguracja zdarzeń z Gridaly
Klasyczne formularze
Formularze klasyczne w systemie Gridaly emitują dwa podstawowe zdarzenia:
gridaly.formInit– wyzwalane w momencie inicjacji (załadowania) formularza,gridaly.formSubmitted– wyzwalane po pomyślnym przesłaniu formularza.
W obu przypadkach do warstwy DataLayer przesyłany jest dodatkowy parametr form – identyfikator formularza, który może zostać wykorzystany w dalszej analizie lub integracjach (np. w Google Tag Managerze).
DataLayer
{
form: "hgb94ubpif", // Form id
}
Bezpłatna rejestracja
Proces rejestracji bezpłatnej w systemie Gridaly generuje dwa kluczowe zdarzenia:
gridaly.registrationInit– wyzwalane w momencie inicjacji formularza rejestracyjnego,gridaly.freeRegistrationCompleted– wyzwalane po pomyślnym przesłaniu formularza rejestracyjnego.
Płatna rejestracja
Proces rejestracji płatnej w systemie Gridaly generuje następujące kluczowe zdarzenia, umożliwiające szczegółowe monitorowanie działań użytkownika oraz analitykę zakupów:
gridaly.registrationInit– inicjacja formularza rejestracyjnego,add_to_cart– dodanie produktu do koszyka,remove_from_cart– usunięcie produktu z koszyka,add_payment_info– dodanie informacji dotyczących płatności,purchase– dokonanie zakupu,gridaly.orderPageView– wyświetlenie strony podsumowania zamówienia.
Zdarzenie gridaly.registrationInit jest wyzwalane w momencie inicjacji formularza płatności podczas procesu rejestracji płatnej.
W ramach tego zdarzenia przekazywany jest atrybut type, który określa kontekst działania użytkownika:
new– składanie nowego zamówienia,extend– rozszerzenie istniejącego zamówienia (np. zakup dodatkowych biletów lub dodatków),upgrade– zmiana typu biletu na wyższą lub inną wersję.
DataLayer
{
type: ‘new’ | ‘extend’ | ‘upgrade’ // Registration flow
}
Zdarzenie add_to_cart jest wyzwalane w momencie dodania biletu lub dodatku do koszyka podczas procesu rejestracji płatnej.
Do warstwy DataLayer przekazywane są kluczowe informacje dotyczące aktualnego stanu koszyka:
items– tablica zawierająca szczegółowe informacje o wszystkich elementach znajdujących się w koszyku po dodaniu nowego produktu,value– łączna wartość koszyka po dokonanej zmianie (wyrażona w jednostce walutowej przypisanej do wydarzenia).
DataLayer
{
currency: "EUR", // Selected currency
value: 100, // Cart value
items: [{ // Currently selected items
item_id: "d0egu47dmn", // Ticket id
item_name: "Standard Ticket", // Ticket name
quantity: 1 // Number of selected tickets
}]
}
Zdarzenie remove_from_cart jest wyzwalane w momencie usunięcia biletu lub dodatku z koszyka podczas procesu rejestracji płatnej.
W warstwie DataLayer przekazywane są następujące dane odzwierciedlające aktualny stan koszyka po dokonanej zmianie:
items– tablica zawierająca aktualną listę produktów znajdujących się w koszyku po usunięciu danego elementu,value– łączna wartość koszyka po zmianie.
DataLayer
{
currency: "EUR", // Selected currency
value: 0, // Cart value
items: [] // Currently selected items
}
Zdarzenie add_payment_info jest wyzwalane w momencie, gdy użytkownik uzupełni dane kontaktowe i przejdzie do strony podsumowania zamówienia w procesie rejestracji płatnej.
DataLayer
{
currency: "EUR", // Selected currency
value: 100, // Cart value
items: [ // Currently selected items
{
item_id: "d0egu47dmn", // Ticket id
item_name: "Standard Ticket", // Ticket name
quantity: 1 // Number of selected tickets
}
],
coupon: "", // Used discount voucher
payment_type: "traditional" // Selected payment method
}
Zdarzenie purchase jest wyzwalane w momencie finalizacji transakcji, czyli złożenia zamówienia przez użytkownika w procesie rejestracji płatnej.
Zdarzenie to przekazuje do warstwy DataLayer kompletne dane transakcyjne, które mogą obejmować m.in.:
identyfikator zamówienia (np.
transaction_id),listę zakupionych produktów (
items),łączną wartość zamówienia (
value),zastosowane metody płatności, kupony rabatowe, podatki (w zależności od konfiguracji).
DataLayer
{
currency: "EUR", // Selected currency
value: 250, // Cart value
items: [ // Currently selected items
{
item_id: "d0egu47dmn", // Ticket id
item_name: "Standard Ticket", // Ticket name
quantity: 2 // Number of selected tickets
},
{
item_id: "t5gg19a3rs", // Addon id
item_name: "Workshop 1", // Addon name
quantity: 1 // Number of selected addons
},
],
coupon: "Z0AXNYLM", // Used discount voucher
payment_type: "stripe", // Selected payment method
transaction_id: "cdbbf30e-2ea4-4025-9565-e3a685b8e3a8" // Payment unique id
}
Zdarzenie gridaly.orderPageView jest wyzwalane w momencie wczytania strony zamówienia, która wyświetlana jest użytkownikowi po zakończeniu procesu płatności.
Uwaga:
Strona zamówienia ładowana jest niezależnie od statusu płatności — oznacza to, że użytkownik zostaje na nią przekierowany zarówno po pomyślnym zakończeniu transakcji, jak i w przypadku niepowodzenia płatności (np. anulowanie, błąd lub odrzucenie transakcji).
DataLayer
{}
Obsługa zdarzeń
Aby poprawnie obsłużyć zdarzenia emitowane przez platformę Gridaly, należy:
Dodać regułę typu "Zdarzenie niestandardowe" (Custom Event) w sekcji Reguły uruchamiające (Triggers) w panelu Google Tag Manager,
W polu Nazwa zdarzenia wpisać dokładną nazwę zdarzenia (np.
gridaly.formSubmitted,purchase, itp.),Przypisać utworzoną regułę jako Regułę uruchamiającą (Trigger) do odpowiedniego Taga.
