Kuba Drahokoupil vedl na konferenci ShopExpo workshop o pokročilém e-commerce v GA.

1. Pokročilé e-commerce v
GA
JAKUB DRAHOKOUPIL
SENIOR WEB ANALYTICS CONSULTANT V H1.CZ

2. Obsah
• Úvod do pokročilého e-commerce
• Implementace: sledování konverzního poměru produktů
• Implementace: sledování průchodu objednávkou
• Implementace: sledování efektu interních bannerů

3. O co jde?
• Nejužitečnější nová funkce v GA za poslední roky
• Výrazně rozšiřuje e-commerce měření v GA:
• Konverzní poměr na úrovni jednotlivých produktů
• CTR interních upoutávek a vliv na tržby
• Vliv řazení produktů v jednotlivých kategoriích na tržby
• Segmentovatelná cesta zákazníka k nákupu
• …
Viděl
produkt
Přidal do
košíku
Nakoupil

4. Pro koho je určený?
• Pro každého, kdo se chce ze stavu „myslím si“ dostat do stavu
„vím“
• Proč lidé můj produkt XY nekupují?
• Jaký produkt mám promovat?
• Fungují mi interní proma a bannery?

5. Začínáme s implementací
• Poměrně náročné změny ve stávajícím kódu
• Zvažte rovnou přechod na Google Tag Manager, usnadníte si práci a náklady
na vývojáře do budoucna
• Popřemýšlejte o rozfázování projektu kvůli kapacitám vývojáře na must-have a
nice-to-have věci
• Must-have: měření nákupního procesu
• Nice-to-have: vliv řazení v produktovém výpisu na tržby

6. Nastavení v GA
• Nejprve je třeba zapnout pokročilé měření v GA. Pozor –
změní strukturu e-commerce reportů (nepřijdete o žádná
data).

7. Úpravy měřícího kódu
<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-57295-3', 'auto');
ga('require', 'ec'); // knihovna, která zpracovává „nová“ e-commerce data a syntax
ga('send', 'pageview');
</script>
Implementace bez GTM

8. Úpravy měřícího kódu – varianta s GTM

9. Konverzní poměr produktů
a celkové tržby

10. Sledujeme počty zobrazení produktu
ga('create', 'UA-XXXXX-Y'); // Standardní GA kód
ga('require', 'ec'); // plugin zpracovávající informace pokročilého e-commerce
ga('ec:addProduct', {
'id': 'P12345', // ID zobrazeného produktu
'name': 'Apple iPhone 6', // Název zobrazeného produktu
'category': 'Mobilní telefony', // kategorie zobrazeného produktu
'brand': 'Apple', // značka zobrazeného produktu
'variant': ' černá' // varianta zobrazeného produktu
});
ga('ec:setAction', 'detail'); // akce, říkající, že jde o zobrazení detailu produktu
ga('send', 'pageview');

11. Sledujeme počty přidání produktu do košíku
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produktu
'category': 'Mobilní telefony', // kategorie produktu
'brand': 'Apple', // značka produktu
'variant': 'černá', // varianta produktu
'price': '18000', // cena produktu
'quantity': '1' // množství produktu
});
ga('ec:setAction', 'add'); // akce, říkající, že jde o přidání produktu do košíku
Je vhodné posílat v rámci eventu (události) při kliku na tlačítko Přidat do
košíku.

12. Sledujeme počty odebrání produktu z košíku
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produktu
'category': 'Mobilní telefony', // kategorie produktu
'brand': 'Apple', // značka produktu
'variant': 'černá', // varianta produktu
'price': '18000', // cena produktu
'quantity': '1' // množství produktu
});
ga('ec:setAction', 'remove'); // akce, říkající, že jde o odebrání produktu z košíku
Je vhodné posílat v rámci eventu (události) při kliku na tlačítko Odebrat z
košíku.

13. Dokončení nákupu
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produktu
'category': 'Mobilní telefony', // kategorie produktu
'brand': 'Apple', // značka produktu
'variant': 'černá', // varianta produktu
'price': '18000', // cena produktu
'quantity': '2' // množství produktu
});
ga('ec:setAction', 'purchase', { // akce, říkající, že jde o nákup
'id': 'T12345', // ID transakce
'affiliation': 'iStyle CZ - Online', // popis prodejny
'revenue': '36000', // celkové tržby
'tax': '1000', // DPH
'shipping': '134', // poštovné
'coupon': 'Sleva50%' // Případný kupón, který uživatel zadal.
});

14. Výsledek

15. Průchod objednávkovým
procesem

16. Kroky objednávkového procesu
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produktu
'category': 'Mobilní telefony', // kategorie produktu
'brand': 'Apple', // značka produktu
'variant': 'černá', // varianta produktu
'price': '18000', // cena produktu
'quantity': '2' // množství produktu
});
ga('ec:setAction', 'checkout', { // akce, říkající, že jde o objednávkový proces
'step': '1' // číslo kroku objednávkového procesu, kde se člověk nachází
});

17. Pojmenování kroků procesu v GA

18. Tipy pro měření jednotlivých kroků
• Nevkládat na děkovací stránku po dokončení objednávky. Tam
už kód máte (ten pro měření transakcí).
• Můžete nastavit jako „virtuální krok“ odchod na platební
bránu – uvidíte odpad mezi stisknutím „zaplatit“ a
dokončením.

19. Výsledek: plně segmentovatelný průchod
objednávkou

20. Výsledek: plně segmentovatelné agregované
chování uživatelů webu

21. Prokliky a imprese interních
bannerů

22. Měření zobrazení banneru
ga('ec:addPromo', {
'id': 'CAROUSEL_1', // unikátní ID banneru
'name': 'Letní výprodej', // název banneru
'creative': 'iPhone na pláži', // popis kreativy banneru
'position': 'pozice 1' // pozice banneru
});
Dvě možnosti implementace:
• V případě statického banneru možno posílat v rámci kódu pro zobrazení
stránky.
• V případě rotujícího carouselu je lepší posílat v okamžiku události (kdy
se banner skutečně načte).

23. Měření prokliků banneru
ga('ec:addPromo', {
'id': 'CAROUSEL_1', // unikátní ID banneru
'name': 'Letní výprodej', // název banneru
'creative': 'iPhone na pláži', // popis kreativy banneru
'position': 'pozice 1' // pozice banneru
});
ga('ec:setAction', 'promo_click'); // informace o tom, že došlo k prokliku daného banneru

24. Tipy pro měření impresí a prokliků
• Prokliky posílejte v rámci události (tedy jako event posílaný do GA).
• Jako interní bannerové plochy můžete měřit cokoliv. I konkrétní CTA prvky.
• Máte-li složité CMS a bannery měníte často, pomocí GTM můžete používat
parametry v URL. Content manager jen upraví cílovou URL banneru (jednodušší než
měnit skript a plnit jej hodnotami) a pomocí GTM tyto parametry předáte do
správných polí.

25. Výsledek: plně segmentovatelný report
interních bannerů

26. PROSTOR PRO VAŠE DOTAZY