Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Pokročilé e-commerce v
GA
JAKUB DRAHOKOUPIL
SENIOR WEB ANALYTICS CONSULTANT V H1.CZ
Obsah
• Úvod do pokročilého e-commerce
• Implementace: sledování konverzního poměru produktů
• Implementace: sledování prů...
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...
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 nekup...
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ít...
Nastavení v GA
• Nejprve je třeba zapnout pokročilé měření v GA. Pozor –
změní strukturu e-commerce reportů (nepřijdete o ...
Ú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|...
Úpravy měřícího kódu – varianta s GTM
Konverzní poměr produktů
a celkové tržby
Sledujeme počty zobrazení produktu
ga('create', 'UA-XXXXX-Y'); // Standardní GA kód
ga('require', 'ec'); // plugin zpracov...
Sledujeme počty přidání produktu do košíku
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', ...
Sledujeme počty odebrání produktu z košíku
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', ...
Dokončení nákupu
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produktu
'categor...
Výsledek
Průchod objednávkovým
procesem
Kroky objednávkového procesu
ga('ec:addProduct', {
'id': 'P12345', // ID produktu
'name': 'Apple iPhone 6', // Název produ...
Pojmenování kroků procesu v GA
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...
Výsledek: plně segmentovatelný průchod
objednávkou
Výsledek: plně segmentovatelné agregované
chování uživatelů webu
Prokliky a imprese interních
bannerů
Měření zobrazení banneru
ga('ec:addPromo', {
'id': 'CAROUSEL_1', // unikátní ID banneru
'name': 'Letní výprodej', // název...
Měření prokliků banneru
ga('ec:addPromo', {
'id': 'CAROUSEL_1', // unikátní ID banneru
'name': 'Letní výprodej', // název ...
Tipy pro měření impresí a prokliků
• Prokliky posílejte v rámci události (tedy jako event posílaný do GA).
• Jako interní ...
Výsledek: plně segmentovatelný report
interních bannerů
PROSTOR PRO VAŠE DOTAZY
Upcoming SlideShare
Loading in …5
×

Jakub Drahokoupil, H1, Pokročilé e-commerce v GA

1,504 views

Published on

Víte jak implementovat nejpokročilejší funkce GA – Enhanced Ecommerce? Na co si dát pozor a čeho se vyvarovat? Chcete se naučit s daty pracovat a ne jen se do nich dívat? Předáme vám naše praktické zkušenosti, ne jen běžné poučky.

Published in: Education
  • Be the first to comment

Jakub Drahokoupil, H1, Pokročilé e-commerce v GA

  1. 1. Pokročilé e-commerce v GA JAKUB DRAHOKOUPIL SENIOR WEB ANALYTICS CONSULTANT V H1.CZ
  2. 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. 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. 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. 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. 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. 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. 8. Úpravy měřícího kódu – varianta s GTM
  9. 9. Konverzní poměr produktů a celkové tržby
  10. 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. 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. 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. 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. 14. Výsledek
  15. 15. Průchod objednávkovým procesem
  16. 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. 17. Pojmenování kroků procesu v GA
  18. 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. 19. Výsledek: plně segmentovatelný průchod objednávkou
  20. 20. Výsledek: plně segmentovatelné agregované chování uživatelů webu
  21. 21. Prokliky a imprese interních bannerů
  22. 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. 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. 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. 25. Výsledek: plně segmentovatelný report interních bannerů
  26. 26. PROSTOR PRO VAŠE DOTAZY

×