Integracja z Google Analytics 4

Summary: Sprawdź, w jaki sposób skonfigurować ustawienia integracji z Google Analytics 4 w sklepie na platformie AtomStore.

---

Konfiguracja integracji

1. Załóż w Google Analytics nową usługę. W tym celu zaloguj się do swojego konta w Universal Analytics na stronie www.analytics.google.com. Następnie przejdź do ustawień i w kolumnie Usługa wybierz opcję Asystent konfiguracji usługi Google Analytics 4 .

2. Google przeprowadzi Cię przez całą procedurę. Wystarczy, że wybierzesz opcję „Wprowadzenie” a następnie Utwórz usługę . W tym momencie została utworzona usługa GA4.

3. Przejdź do utworzonej usługi klikając Zobacz swoją usługę Google Analytics 4 .

4. Dzięki temu, że korzystasz z samouczka, GA4 utworzyło strumień danych dla witryny internetowej.

5. Przejdź do zakładki Strumień danych , otwórz Szczegóły strumienia danych z internetu .

6. Skopiuj ID strumienia danych. ID znajdziesz w polu Identyfikator pomiaru .

7. Następnie przejdź do Ustawienia Konfiguracja sklepu Wygląd sklepu Kody marketingowe JS Google Analytics .

8. W polu Google Analytics 4- gtag.js – enchanched e-commerce: wstaw ID GA4 czyli identyfikator strumienia danych.

9. Zapisz dane. Sklep został zintegrowany z Google Analytics 4 oraz wdrożony został rozszerzony moduł e-commerce.

10. W Ustawienia Konfiguracja sklepu Wygląd sklepu Kody marketingowe JS Google Analytics 4 znajdziesz ustawienia:

• Google Analytics 4 – gtag.js – Measurement Protocol – ID:

• Google Analytics 4 – gtag.js – Measurement Protocol – API SECRET:

Ustawienia te pozwalają na przesyłanie danych nie za pomocą JS’a jak dotychczas, ale bezpośrednio poprzez PHP na serwer. Pozwoli to między innymi na wysłanie informacji o anulowaniu zamówienia. Dane konfiguracyjne do ustawień można pozyskać według instrukcji, którą znajdziesz tutaj. 

---

Zdarzenia przesyłane w ramach integracji z Google Analytics 4

Nazwa zdarzenia:	Opis:
sign_up	rejestracja konta
login	zalogowanie na konto
search	skorzystanie z wyszukiwarki
view_cart	/koszyk
select_payment_option	wybranie formy płatności w koszyku
select_delivery_option	wybranie formy dostawy w koszyku
add_payment_info	informacja o wybranej formie płatności
add_shipping_info	informacja o wybranej formie dostawy
view_item_list	lista elementów z określonej kategorii
select_content	oznacza, że użytkownik wybrał treść określonego typu
view_item	oznacza, że użytkownik zobaczył pewne treści
add_to_cart	informuje, że produkt został dodany do koszyka w celu zakupu
begin_checkout	oznacza przejście do kolejnego kroku koszyka
checkout_progress	pozwala mierzyć każdy etap realizacji transakcji
set_checkout_option	oznacza wybór opcji podczas realizacji transakcji przez użytkownika
purchase	oznacza, że użytkownik kupił co najmniej 1 produkt
view_promotion	oznacza wyświetlenie banera
select_promotion	oznacza kliknięcie w baner
remove_from_cart	oznacza, że produkt został usunięty z koszyka
add_to_wishlist	oznacza dodanie produktu do schowka

Integracja umożliwia również wysyłanie informacji o banerach (kreacjach promocyjnych):

• gdy wyświetli się baner użytkownikowi wysłane będzie view_promotion;
• po kliknięciu w baner/kreację promocyjną wysłane będzie select_promotion;
• w promotion_id wysyłane będzie ID baneru;
• w promotion_name wysłana będzie nazwę baneru.

Ponadto, pozwala na wysyłkę ID zalogowanego klienta, które umieszczone jest na każdej podstronie.

---

Parametry, które obsługują zdarzenia

view_item_list:

gtag("event", "view_item_list", {
	"currency": "PLN",
	"items"   : [
		{
			"id"           : '8484',
			"name"         : 'Aluminiowe zadaszenie tarasu Sierra Palram - Canopia 3 x 5,46 szare',
			"list_name"    : 'Zadaszenia tarasów',
			"brand"        : 'Canopia by Palram',
			"price"        : '5729.00',
			"category"     : 'Architektura ogrodowa/Zadaszenia tarasów',
			"list_position": 1,
			"quantity"     : 46
		}
	]
});

select_content:

gtag("event", "select_content", {
	"content_type": "product",
	"items"       : [
		{
			"id"           : '8484',
			"name"         : 'Aluminiowe zadaszenie tarasu Sierra Palram - Canopia 3 x 5,46 szare',
			"list_name"    : 'Zadaszenia tarasów',
			"brand"        : 'Canopia by Palram',
			"price"        : '5729.00',
			"category"     : 'Architektura ogrodowa/Zadaszenia tarasów',
			"list_position": 1,
			"quantity"     : 46											}
	]
});

view_item:

gtag("event", "view_item", {
	"currency": "PLN",
	"items"   : [
		{
			"id"           : '8484',
			"name"         : 'Aluminiowe zadaszenie tarasu Sierra Palram - Canopia 3 x 5,46 szare',
			"list_name"    : 'listing',
			"brand"        : 'Canopia by Palram',
			"price"        : '5729.00',
			"category"     : 'Architektura ogrodowa/Zadaszenia tarasów',
			"list_position": 1,
			"quantity"     : 46,
			"variant"      : ""
		}
	]
});

add_to_cart:

gtag("event", "add_to_cart", {
	"currency": "PLN",
	"items"   : [
		{
			"id"           : '8484',
			"name"         : 'Aluminiowe zadaszenie tarasu Sierra Palram - Canopia 3 x 5,46 szare',
			"brand"        : 'Canopia by Palram',
			"price"        : '5729.00',
			"category"     : 'Architektura ogrodowa/Zadaszenia tarasów',
			"quantity"     : 1,
			"variant"      : ""
		}
	]
});

begin_checkout:

gtag("event", "begin_checkout", {
	"items" : [
		{
			"id"           : '8572',
			"name"         : 'Zielony tunel foliowy z metalowym stelażem 3x8m Garden Point',
			"brand"        : 'Garden Point',
			"price"        : '1069.00',
			"category"     : 'Uprawa roślin/Tunele Foliowe',
			"quantity"     : 1,
			"variant"      : ""
		}],
	"coupon": ""
});

checkout_progress:

gtag("event", "checkout_progress", {
	"items" : [
		{
			"id"           : '8572',
			"name"         : 'Zielony tunel foliowy z metalowym stelażem 3x8m Garden Point',
			"brand"        : 'Garden Point',
			"price"        : '1069.00',
			"category"     : 'Uprawa roślin/Tunele Foliowe',
			"quantity"     : 1,
			"variant"      : ""
		}],
	"coupon": ""
});

gtag("event", "checkout_progress", {
	"items" : [
		{
			"id"           : '8572',
			"name"         : 'Zielony tunel foliowy z metalowym stelażem 3x8m Garden Point',
			"brand"        : 'Garden Point',
			"price"        : '1069.00',
			"category"     : 'Uprawa roślin/Tunele Foliowe',
			"quantity"     : 1,
			"variant"      : ""
		}],
	"coupon": ""
});

set_checkout_option:

gtag("event", "set_checkout_option", {
	"checkout_step"  : 1,
	"checkout_option": "shipping method",
	"value"          : 12
});

gtag("event", "set_checkout_option", {
	"checkout_step"  : 1,
	"checkout_option": "payment method",
	"value"          : 15
});

purchase:

gtag("event", "purchase", {
	"transaction_id": <15256",
	"affiliation"   : "Nazwa sklepu",
	"value"         : 156.78,
	"currency"      : "PLN",
	"tax"           : 25.99,
	"shipping"      : 15.50,
	"items"         : [
		{
			"id"           : '8572',
			"name"         : 'Zielony tunel foliowy z metalowym stelażem 3x8m Garden Point',
			"brand"        : 'Garden Point',
			"price"        : '1069.00',
			"category"     : 'Uprawa roślin/Tunele Foliowe',
			"quantity"     : 1,
			"variant"      : ""
		}
	]
});

view_promotion:

gtag("event", "view_promotion", {
	"promotions": [
		{
			"id"  : id_banera,
			"name": nazwa_banera
		}
	]
});

remove_from_cart:

gtag("event", "remove_from_cart", {
	"currency": "PLN",
	"items"   : [
		{
			"id"           : '8484',
			"name"         : 'Aluminiowe zadaszenie tarasu Sierra Palram - Canopia 3 x 5,46 szare',
			"brand"        : 'Canopia by Palram',
			"price"        : '5729.00',
			"category"     : 'Architektura ogrodowa/Zadaszenia tarasów',
			"quantity"     : 1,
			"variant"      : ""
		}
	]
});

---

Dodatkowe ustawienia w integracji

1. W Ustawienia → Konfiguracja sklepu → Wygląd sklepu → Kody marketingowe JS → Google Analytics istnieje ustawienie  Google Analytics 4 – gtag.js – wysyłaj nazwy produktów i kategorii w języku .

W tym ustawieniu należy wybrać język, w którym będą wysyłane informacje do Google Analytics (nazwy produktów, wariantów i kategorii). Dotyczy to takich zdarzeń jak:

• listing produktów;
• karta produktu;
• koszyk (oraz dodanie do/usunięcie z koszyka);
• złożenie zamówienia.

2. Integracja obsługuje również wysyłkę zdarzeń:

• search_term – hasło po którym szukamy w wyszukiwarce; 
• login – po zalogowaniu;
• sign_up – po rejestracji;
• coupon: nazwa kuponu ;
• promotion_id / promotion_name – promocja  lub wyprzedaż;
• item_id: kod produktu (jeśli brak, to wtedy „atom_ID produktu”).