Połączenie PrestaShopa z Google Tag Manager (GTM)
Aby połączyć PrestaShop z Google Tag Manager (GTM), musisz zainstalować i skonfigurować Google Tag Manager na swojej stronie, a następnie wprowadzić odpowiednie zmiany, aby śledzić zdarzenia, takie jak zakupy. Dodatkowo, przy wdrażaniu zaawansowanego eCommerce śledzenia, możesz używać własnych warstw danych (data layers), aby przesyłać dane do Google Analytics za pośrednictwem GTM.
Kroki do połączenia PrestaShop z Google Tag Manager:
- Utwórz konto w Google Tag Manager (GTM):
- Przejdź na stronę Google Tag Manager i utwórz konto oraz kontener dla swojej strony PrestaShop.
- Po utworzeniu kontenera otrzymasz fragment kodu JavaScript do wstawienia na swojej stronie.
- Zainstaluj kod GTM w PrestaShop:
- Skopiuj fragment kodu GTM, który został wygenerowany po utworzeniu kontenera.
- Zaloguj się do panelu administracyjnego PrestaShop i przejdź do sekcji Występy → Szablony → Edytuj kod szablonu.
- Wklej kod GTM zaraz za tagiem
<head>w plikuheader.tplswojego szablonu. - Drugi fragment kodu GTM należy wkleić za otwierającym tagiem
<body>.
Alternatywnie, możesz zainstalować wtyczkę Google Tag Manager dla PrestaShop, która automatycznie doda odpowiedni kod do Twojej strony.
- Skonfiguruj GTM dla zaawansowanego eCommerce (Enhanced eCommerce):
- W panelu administracyjnym GTM dodaj Google Analytics (jeśli jeszcze nie jest dodane) jako nowy tag.
- Skonfiguruj Google Analytics – Zaawansowany eCommerce (Enhanced eCommerce) w Google Analytics i Google Tag Manager.
- Aby śledzić zakupy, konieczne będzie skonfigurowanie tzw. warstw danych (data layers), które będą przesyłać dane transakcji, produkty, wartości koszyka itd. do GTM.
- Dodaj warstwy danych (dataLayer): PrestaShop musi przekazywać dane do GTM przy pomocy warstw danych. Możesz to zrobić ręcznie poprzez modyfikację kodu szablonu lub za pomocą wtyczki do zaawansowanego eCommerce.
W plikach odpowiedzialnych za strony takie jak koszyk, finalizacja zakupu, musisz dodać warstwę danych w formacie JavaScript, która będzie wyglądać np. tak:
javascript
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event’: 'purchase’,
'ecommerce’: {
'purchase’: {
'actionField’: {
'id’: 'ORDER_ID’, // Numer zamówienia
'affiliation’: 'PrestaShop Store’,
'revenue’: 'TOTAL_AMOUNT’, // Łączna kwota zamówienia
'tax’: 'TAX_AMOUNT’,
'shipping’: 'SHIPPING_AMOUNT’,
'coupon’: 'COUPON_CODE’
},
'products’: [{
'name’: 'PRODUCT_NAME’,
'id’: 'PRODUCT_ID’,
'price’: 'PRODUCT_PRICE’,
'brand’: 'PRODUCT_BRAND’,
'category’: 'PRODUCT_CATEGORY’,
'quantity’: 'PRODUCT_QUANTITY’
}]
}
}
});
- Ta warstwa danych będzie przekazywać informacje o zakupie, takie jak numer zamówienia, kwota zakupu, kategorie produktów, itp.
- Skonfiguruj śledzenie zakupów w GTM:
- W GTM skonfiguruj nowe zdarzenie jako wyzwalacz (trigger) na podstawie wartości
eventw warstwie danych, np.purchase. - Następnie skonfiguruj Google Analytics, aby rejestrował te transakcje za pomocą tagu Zaawansowany eCommerce.
- Przetestuj konfigurację:
- Skorzystaj z funkcji podglądu w GTM, aby sprawdzić, czy zdarzenia są prawidłowo rejestrowane, np. na stronie podziękowania po zakupie.
- Przetestuj każdy krok procesu zakupowego, aby upewnić się, że warstwy danych są prawidłowo przesyłane.
Warstwy danych (data layers) – Indeksy przy zakupach
Gdy implementujesz warstwy danych dla eCommerce, możesz przekazywać różne informacje o zamówieniach, które mogą być odczytane i przesłane do Google Analytics. Oto niektóre z najważniejszych indeksów w warstwie danych:
ecommerce.purchase.actionField.id– Unikalny identyfikator zamówienia (numer zamówienia).ecommerce.purchase.actionField.affiliation– Nazwa sklepu, w którym dokonano zakupu (np. „PrestaShop Store”).ecommerce.purchase.actionField.revenue– Całkowity przychód z zamówienia (wliczając podatki i koszty wysyłki).ecommerce.purchase.actionField.tax– Łączna kwota podatków naliczonych przy zamówieniu.ecommerce.purchase.actionField.shipping– Koszt wysyłki.ecommerce.purchase.actionField.coupon– Kod kuponu rabatowego użytego podczas zakupu (jeśli dotyczy).ecommerce.purchase.products[]– Lista produktów w zamówieniu, gdzie każdy produkt ma następujące indeksy:name– Nazwa produktuid– Unikalny identyfikator produktuprice– Cena jednostkowa produktubrand– Marka produktucategory– Kategoria produktuquantity– Ilość produktu w zamówieniu.
Podsumowanie
Aby połączyć PrestaShop z Google Tag Manager i monitorować transakcje zakupowe, musisz zainstalować kod GTM na swojej stronie, a następnie skonfigurować warstwy danych (data layers) do przesyłania szczegółowych informacji o zakupach. W warstwach danych przekazujesz m.in. ID zamówienia, kwotę transakcji, kategorie produktów oraz liczbę zakupionych jednostek, co umożliwia Google Analytics śledzenie pełnej ścieżki zakupowej klientów.