Jak skonfigurować śledzenie e-commerce GA4 w Shopify?

Opublikowany: 2022-07-19

Do tej pory powinieneś wiedzieć, że Google wycofa Universal Analytics w lipcu 2023 r. i przeniesie wszystko do GA4. Oznacza to, że właściciele witryn muszą jak najszybciej skonfigurować GA4. W przypadku witryn e-commerce istnieje dodatkowa komplikacja polegająca na tym, że śledzenie e-commerce działa również w GA4. W przypadku sklepów Shopify ten proces był naprawdę prosty w Universal Analytics, ale stanowi większe wyzwanie w przypadku GA4.

Zapoznaj się z prostym procesem konfigurowania śledzenia e-commerce GA4 w dowolnej witrynie Shopify bez konieczności instalowania aplikacji lub korzystania z usług programistów.

Chociaż każdy powinien być w stanie postępować zgodnie z tym przewodnikiem, łatwiej będzie, jeśli masz podstawową wiedzę na temat działania GTM.

Utwórz warstwę danych w Shopify

Naszym pierwszym zadaniem jest stworzenie warstwy danych. Warstwa danych to prosty fragment kodu, który zawiera informacje o sesji użytkownika w witrynie. Informacje te mogą być następnie przekazywane do innych platform, takich jak GTM.

Stworzyliśmy dla Ciebie warstwę danych, która znajduje się na stronie kompletowania zamówienia Shopify. Automatycznie wypełnia się informacjami o zamówieniu klienta, takimi jak wartość zamówienia, koszty wysyłki i zakupione artykuły.

Skopiuj i wklej poniższy skrypt w polu skryptów „do kasy” w ustawieniach administratora Shopify. Można to znaleźć, przechodząc do „Ustawienia > Kasa i konta > Dodatkowe skrypty”
Ta warstwa danych przekazuje do GTM zdarzenie „zakup”, które zawiera informacje o zamówieniu klienta.

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

Utwórz wyzwalacz w GTM

Teraz musimy skonfigurować wyzwalacz, który uruchamia się, gdy klienci sfinalizują zamówienie. Po uruchomieniu reguły tag zawierający informacje o zamówieniu jest wysyłany do GA4.

Musimy określić warunki, na jakich uruchamiany jest nasz zakup. Warunkiem naszego wyzwalacza będzie wypchnięcie zdarzenia zakupu w naszej warstwie danych. Aby to skonfigurować:

Zaloguj się do GTM, przejdź do lewego menu i wybierz „Wyzwalacze”
Naciśnij niebieski przycisk „Nowy”
Wywołaj wyzwalacz „GA4 – Zakup”
Naciśnij ikonę „edytuj” w rogu okna „Konfiguracja wyzwalacza”
W sekcji „Wybierz typ reguły” wybierz „Zdarzenie niestandardowe”
W polu „Nazwa wydarzenia” wpisz „zakup”
Ustaw „Ten wyzwalacz uruchamia się” na „Niektóre zdarzenia niestandardowe”
Ustaw warunki wydarzenia na:
Wydarzenie — Równa się — Zakup

Kiedy skończysz, powinno to wyglądać tak:

Utwórz zmienne warstwy danych w GTM

Zanim skonfigurujemy nasz tag, musimy utworzyć zmienne GTM, aby pobrać informacje z naszej warstwy danych. Jeśli zmienne są dla Ciebie nowe, pomyśl o nich jako o pakietach zawierających małe bity informacji.

Do tych zmiennych dodawane są określone wartości z warstwy danych, które są następnie przesyłane do GA4.

Musimy utworzyć zmienne, aby wyodrębnić następujące wartości z warstwy danych:

Przychody z zamówienia
Identyfikator zamówienia
Waluta
Podatek
Koszty wysyłki
Zakupione przedmioty
W GTM, z lewego menu kliknij na stronę „Zmienne”
W polu „Zmienne zdefiniowane przez użytkownika” kliknij przycisk „Nowy”
Na tym ekranie możesz utworzyć nową zmienną GTM. Musisz wykonać następujący proces dla każdej ze zmiennych wymienionych powyżej. Szczegóły dotyczące każdej indywidualnej zmiennej są wymienione poniżej:

Przychody z zamówienia

Nazwa: dlv – Strona z podziękowaniem – Przychody z zamówienia

Zmienna konfiguracja: