AdWords to teraz Google Ads. Nowa nazwa oddaje pełny zakres usług reklamowych, jakie oferujemy m.in. w wyszukiwarce, sieci reklamowej i YouTube.. Więcej informacji

Obecnie 230 forumowiczów jest online
Obecnie 230 forumowiczów jest online
Dowiedz się, jak ustawiać cele i śledzenie e-commerce. Zobacz, jak zweryfikować trafność źródła ruchu.
Poprowadź mnie
star_border
Odpowiedz

Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭

Witam, proszę o pomoc z zaimpletowaniem kodu śledzenia transakcji e-commerce. Obecnie na stornie potwierdzenia zakupów mam poniższy kod, lecz nie wyświetla mi wyników w GA. 


<script>
ga('ecommerce:addTransaction', {
'id', // Transaction ID. Required.
'affiliation', // Affiliation or store name.
'revenue', // Grand Total.
'shipping', // Shipping.
'tax', // Tax.
});
ga('ecommerce:addItem', {
'id', // Transaction ID. Required.
'name', // Product name. Required.
'sku', // SKU/code.
'category', // Category or variation.
'price', // Unit price.
'quantity' // Quantity.
});
ga('ecommerce:send');
</script>

 

 

Odpowiedź eksperta 2verified_user
1 ZAAKCEPTOWANE ROZWIĄZANIE

Zaakceptowane rozwiązania
Zaakceptowane rozwiązanie.
Rozwiązanie
Zaakceptowane przez: Piotr Kazana (Community Manager)
marca 2016

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Profesjonalista ✭

  @Mariusz W nie wiem dokładnie jak zaimplementowałeś samo UA w sklepie ale ja to robię np tak:

  1. Kod śledzenia umieszczam w pliku body_head.tpl na samym początku (ten kod zostanie umieszczony za <body>)
    {literal}
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-XXXXXXXX-X', 'auto');
    ga('send', 'pageview');

    </script>
    {/literal}
  2. ten sam kod umieszczam na początku pliku body_head_checkout.tpl - jest to bardzo ważne! Brak kodu w tym pliku spowoduje brak śledzenia na stronie potwierdzenia zamówienia.
  3. W panelu Konfiguracja -> Integracje -> Integracje własne w polu Potwierdzenie złożenia zamówienia wstawiam poniższy kod
    <script type="text/javascript">
    ga('require','ecommerce');

    ga('ecommerce:addTransaction', {
    'id': '{order_id}', // Transaction ID. Required.
    'affiliation': '{shop_name}', // Affiliation or store name.
    'revenue': '{float_sum}', // Grand Total.
    'shipping': '{float_shipping_cost}', // Shipping.
    'tax': '{float_tax}', // Tax.
    });

    {products}
    ga('ecommerce:addItem', {
    'id': '{order_id}', // Transaction ID. Required.
    'name': '{products.name}', // Product name. Required.
    'sku': '{products.code}', // SKU/code.
    'category': '{products.category}', // Category or variation.
    'price': '{products.float_price}', // Unit price.
    'quantity': '{products.quantity}' // Quantity.
    });
    {/products}

    ga('ecommerce:send');
    </script>

Pamiętaj, że dane dotyczące ecommerce nie pojawiają się w raportach od razu więc najlepiej sprawdzić kolejnego dnia czy wszystko się zgadza.

Wyświetl rozwiązanie w oryginalnym poście

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

[ Edytowane ]
Profesjonalista ✭

po pierwsze na początku musisz załadować plugin ecommerce:

ga('require','ecommerce');

 

później dodajesz transakcję tak jak masz.

 

Kod który dodaje produkty do transakcji musi się wykonać dla każdego produktu:

 

foreach (products as product){
  ga('ecommerce:addItem', {
'id', // Transaction ID. Required.
'name', // Product name. Required.
'sku', // SKU/code.
'category', // Category or variation.
'price', // Unit price.
'quantity' // Quantity.
});

}

no i na koniec send:

ga('ecommerce:send');

--- edit

Oczywiście rozumiem, że na stronie w kodzie zamiast 'id', 'name', ... masz podmienione wartości na faktyczne id, nazwy produktów, itd Emotikon: Szczęśliwy

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Dzięki za odpowiedź ale w dalszym ciągu nie rozumiem jednej rzeczy, id produktu, name - to są wartości generowane dynamicznie czy mam to ręcznie dodawać dla każdego produktu?

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Profesjonalista ✭
Google na pewno nie zgadnie jakie masz id czy nazwy produktów więc w jakiś magiczny sposób te wartości (odpowiadające rzeczywistym wartościom w Twoim sklepie) muszą się znaleźć w kodzie Emotikon: Szczęśliwy
Wszystko zależy od tego z jakiego rozwiązania ecommerce korzystasz. Jeżeli to jest jakieś rozwiązanie w stylu prestashop, shoper, magento, itd to najczęściej w kodzie można wykorzystać zmienne, które podczas generowania html zostaną zamienione na odpowiednie wartości.
Ciężko mi dokładnie podać "gotowy" kod bo nie wiem z jakiego rozwiązania korzystasz dlatego mogę tylko użyć pseodokodu żeby naprowadzić Cię jak to powinno wyglądać.

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Korzystam z platformy shoper. Wiem że w shoperze automatycznie dodaje kod śledzenia e-commerce lecz nie dla universal analytics.

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Profesjonalista ✭

https://www.pl.adwords-community.com/t5/Google-Analytics-i-%C5%9Bledzenie/Podwojone-zliczanie-produk...

 

Rozumiem, że to ta sytuacja tylko implementujesz UA tak?

 

Trzeba postąpić analogicznie ze zmiennymi tylko zamienić kod, który kiedyś miałeś ręcznie wpisany w pole inne integracje na UA ecommerce no i pewnie wyłączyć opcję w shoper któa z automatu dodaje standardowy kod analytics.

 

ga('require','ecommerce');

ga('ecommerce:addTransaction', {
'{order_id}', // Transaction ID. Required.
'{shop_name}', // Affiliation or store name.
'{float_sum}', // Grand Total.
'{float_shipping_cost}', // Shipping.
'{float_tax}', // Tax.
});

{products}
ga('ecommerce:addItem', {
'{order_id}', // Transaction ID. Required.
'{products.name}', // Product name. Required.
'{products.code}', // SKU/code.
'{products.category}', // Category or variation.
'{products.float_price}', // Unit price.
'{products.quantity}' // Quantity.
});
{/products}

ga('ecommerce:send');

 Czyli coś koło tego Emotikon: Mrugający

Ogólnie kod śledzenia UA działa tak?

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Marcin, zgadza się, przeszedłem na UA, lecz od momentu usunięcia starego kodu, transakcje e-commerce nie są zliczane. Użyłem twojego kodu w "Potwierdzenie złożenia zamówienia", lecz w dalszym ciągu transakcje nie są zliczane. Poza tym UA działa bez zarzutu.

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Profesjonalista ✭
A możesz wkleić kod analytics, który generuje się na stronie po złożeniu zamówienia?

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Jasne, oto on:
ga('require','ecommerce');

ga('ecommerce:addTransaction', {
'{order_id}', // Transaction ID. Required.
'{shop_name}', // Affiliation or store name.
'{float_sum}', // Grand Total.
'{float_shipping_cost}', // Shipping.
'{float_tax}', // Tax.
});

{products}
ga('ecommerce:addItem', {
'{order_id}', // Transaction ID. Required.
'{products.name}', // Product name. Required.
'{products.code}', // SKU/code.
'{products.category}', // Category or variation.
'{products.float_price}', // Unit price.
'{products.quantity}' // Quantity.
});
{/products}

ga('ecommerce:send');

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

[ Edytowane ]
Profesjonalista ✭

to wygląda raczej na kod, który wstawiasz w panelu w integracjach własnych -> potwierdzenie złożenia zamówienia. Oczywiście jeszcze musi być na początku

<script type="text/javascript">

i na końcu

</script>

.

Mi chodziło o kod, który się generuje już na stronie.

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭

&lt;script type="text/javascript">
ga('require','ecommerce');

ga('ecommerce:addTransaction', {
'5478', // Transaction ID. Required.
'www.nazwa_sklepu.pl', // Affiliation or store name.
'12.50', // Grand Total.
'9.50', // Shipping.
'2.34', // Tax.
});


ga('ecommerce:addItem', {
'5478', // Transaction ID. Required.
'Wtyczka Połączenie z Zasilaczem', // Product name. Required.
'0619', // SKU/code.
'Złącznki DC', // Category or variation.
'3.00', // Unit price.
'1' // Quantity.
});


ga('ecommerce:send');
&lt;/script&gt;

O to chodzi?

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Profesjonalista ✭

ok lekkie poprawki bo gdzieś uciekło

<script type="text/javascript">
ga
('require','ecommerce');

ga('ecommerce:addTransaction', {
'id': '{order_id}', // Transaction ID. Required.
'affiliation': '{shop_name}', // Affiliation or store name.
'revenue': '{float_sum}', // Grand Total.
'shipping': '{float_shipping_cost}', // Shipping.
'tax': '{float_tax}', // Tax.
});

{products}
ga('ecommerce:addItem', {
'id': '{order_id}', // Transaction ID. Required.
'name': '{products.name}', // Product name. Required.
'sku': '{products.code}', // SKU/code.
'category': '{products.category}', // Category or variation.
'price': '{products.float_price}', // Unit price.
'quantity': '{products.quantity}' // Quantity.
});
{/products}

ga('ecommerce:send');
</script>

daj znać czy już ok

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Wrzuciłem nowy kod ale niestety dalej nie działa,Emotikon: Smutny

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Student ✭
Podbijam temat, ma ktoś jakiś pomysł dlaczego nie działa?

Dot.: Poprawny kod śledzenia e-commerce w Google Analytics

Wschodząca Gwiazda

Mariusz, ja podejrzewam, że ty wrzucasz w/w kod tak jak ci podał Marcin, ale ty powinieneś zatrudnić do tego programistę. Bo ty wrzucasz np:

 

 'id': '{order_id}',

 

a to powinno wyglądać np tak :

 

 'id': '{<?php $id_transakcja; ?>}',

 

numer transakcji jest przekazywany z twojego sklepu do skryptu za pomocą języka, w którym napisany jest sklep. W powyższym przykładzie masz php (najbardziej popularny język webowy) i zmienna $id_transakcja; jest tu przykładowa i nie musi być tak u Ciebie w sklepie ! Musisz połączyć informacje ze sklepu ze skryptem ecommerce. 

 

Tu masz więcej o ecommerce tracking:

 

https://developers.google.com/analytics/devguides/collection/analyticsjs/ecommerce 

 

A tu masz przykład powiązania JS i PHP 

 

http://www.dollarfry.com/google-analytics-ecommerce-tracking-the-best-way-to-track-your-sales/

 

 

Adaśko