Jak na události (Event Tracking) v Google Analytics

Digichef

Víte, jak v Google Analytics sledovat počty spuštěných videí, počty stažených souborů, prokliky na interní bannery či to, zda vám nenarůstá počet navštívených chybových stránek 404? Pokud vaše odpověď zněla, že nevíte, pak je daný článek určený právě pro vás. Google Analytics totiž nabízí mnoho možností, jak zjistit o návštěvnících více zajímavých informací, ale bohužel se o nich příliš nemluví. Pokusím se to tedy napravit, tak s chutí do čtení.

V nápovědě Google Analytics je událost (Event Tracking) definovaná jako „interakce uživatele s obsahem, které lze měřit nezávisle na načítání webové stránky nebo obrazovky.“ Představte si tedy událost jako akci, která nemusí nutně spustit novou stránku s odlišnou URL adresou. Tuto akci bychom tedy bez úpravy měření neměli v Google Analytics jak jinak vyhodnotit.

Např. odeslání formuláře, kde po potvrzení odeslání dojde ke změně URL adresy, změříme pomocí klasického cíle typu Cíl. Ale co třeba stažení ceníku ve formátu PDF?

image

Změna URL adresy po provedení interakce na webových stránkách

Příkladem interakcí, které můžeme pomocí událostí měřit, jsou:

  • stažení souboru, např. PDF nebo demoverze programu,
  • zobrazení chybové stránky 404,
  • proklik banneru umístěného na stránkách
  • kliknutí na zvětšení fotografie v detailu produktu,
  • označení odkazů, na které uživatelé skutečně klikli,
  • spuštění videa,
  • proklik odkazu na kontaktování prostřednictvím e-mailu,
  • průběh vyplňování formuláře a mnoho dalších.

Události máte tedy možnost využívat u mnoha interakcí, omezovat vás může pouze vaše fantazie a technické dovednosti.

Nastavení měření událostí

Jak už jsem předestřela výše, nastavení měření událostí vyžaduje určité technické dovednosti, neboť je závislé na úpravě kódů. Abychom mohli události začít měřit, je nutné přidat speciální měřící kód, pomocí kterého Google Analytics tuto informaci zaznamená. Modifikace kódu se liší dle typu měření, které využíváte.

Pokud používáte klasickou službu Google Analytics (kód ga.js), pak použijte daný typ event trackingu:

_gaq.push(['_trackEvent('kategorie', 'akce', 'štítek', hodnota, non-interaction)'])"

V případě, že využíváte Universal Analytics (kód analytics.js), pak použijte:

ga('send', 'event', 'kategorie', 'akce', 'štítek', hodnota);

Každá událost má 2 povinné a 3 volitelné parametry:

  • Kategorie (1. povinný parametr) – pojmenovává skupinu objektů – např. videa, hry, apod.
  • Akce (2. povinný parametr) – unikátní pro každou kategorii, nejčastěji popisuje akci vykonanou s objektem – proklik, spuštění, zastavení, stažení apod.
  • Štítek (volitelný 3. parametr) – další upřesnění události, které může sloužit k detailnější identifikaci interakce – např. název videa.
  • Hodnota (volitelný 4. parametr) – numerická hodnota události – např. čas, kam až uživatel video viděl.
  • Nevyvolání interakce / non-interaction(volitelný 5. parametr) – určuje, zda událost brát v potaz při výpočtu míry opuštění – true (pravda) nebo false (nepravda). Primárně Event Tracking vyvolá interakci se stránkou a ovlivňuje tedy okamžité opuštění. Máme-li např. stránku s videem, kde je historicky vysoká míra opuštění, a u které nesledujeme počty spuštění videa, a najednou se rozhodneme spuštění sledovat pomocí události, pak můžeme u dané stránky, v případě že si lidé video přehrávají často, najednou zaznamenat snížení míry okamžitého opuštění, neboť spuštění videa vyvolá interakci, kterou Google Analytics zaznamená. A i když uživatel nenavštíví žádnou jinou další stránku, tak nebude započteno okamžité opuštění.

Praktická ukázka použití Event Trackingu

Často se setkávám s tím, že klient má na svých webových stránkách interní banner s akční nabídkou a zajímá ho, kolik uživatelů se přes daný banner proklikne, a jak se pak na stránkách chová. V dobré víře odkaz označí vlastními parametry utm_source a utm_medium, což velmi zkresluje výsledky o zdrojích návštěvnosti. Daného cíle se dá docílit i pomocí událostí, které nebudou měnit původní zdroj návštěvy.

image

Označení interního banneru na stránkách pomocí Track Event

Jak tedy na to? Původní kód banneru před úpravou může vypadat např. následovně:

<a href="/akcni-nabidka/">
<img width="960" height="254" alt="Akční nabídka" src="/public/960x254px.gif"></img>
</a>

Pak do kódu přidáte fragment kódu pro měření událostí v Google Analytics a je hotovo.

<a href="/akcni-nabidka/" onClick="_gaq.push(['_trackEvent','Banner', 'Proklik', 'Homepage_Akce']);">
<img width="960" height="254" alt="Akční nabídka" src="/public/960x254px.gif"></img>
</a>

Podrobnosti o tom, jak nastavit měření událostí, naleznete v pokynech pro vaše konkrétní prostředí uvedených v Příručce pro vývojáře. Přesný návod pro měření odchozích odkazů naleznete v Nápovědě Google Analytics. Měření událostí lze použít jako pro webové služby, tak pro služby ve formě aplikací.

Pokud vás pak bude zajímat, jak se na webu chovali uživatelé, kteří se proklikli přes váš banner s akční nabídkou, pak k tomu využijte pokročilé segmenty.

image

Nastavení pokročilého segmentu s danou událostí

Použití sledování události jako cíle

Události můžete v Google Analytics také měřit jako splněný cíl. Jednoduše při vytváření nového cíle zvolíte možnost Událost a pak nastavíte podmínky splnění cíle dle jednotlivých parametrů události, kterými jsou kategorie, akce, štítek a hodnota.

image

Nastavení události jako splněný cíl v Google Analytics

Vyhodnocení událostí

Pro zobrazení statistik klikněte v sekci Chování > Události, kde naleznete několik reportů pro vyhodnocování dat. Tato sekce je dále rozdělena na základní přehled, přehled nejčastějších událostí, stránky a tok událostí. Z daných reportů vyčtete vše podstatné, co by vás mohlo zajímat.

image

Report dat o událostech v Google Analytics

Pokud ještě měření událostí nevyužíváte, je rozhodně čas s tím začít. Posunete tak své vyhodnocování dat zas o něco dále. Budu ráda, pokud se pak se mnou podělíte o své zkušenosti v komentářích pod článkem.

  • Celkový průměr hodnocení: 4.88 z 5
  • 4.88
  • 4.88
  • 4.88
  • 4.88
  • 4.88

18. března 2014

K článku již nelze přidávat další komentáře.

  1. Martin | 18. března 2014

    To měření událostí v onclick je nesprávně, protože na velké většině zařízení se událost nestihne započítat, protože uživatel opouští aktuální stránku a měřící volání se stornuje.

    V onclick můžeme měřit stažení souboru nebo spuštění videa na aktuální stránce, ale ne navigační odkaz!

    Na to se musí jinak, pomocí "hitCallback"

  2. Veronika Brindzová | 19. března 2014

    Dobrý den, Martine,

    děkuji za Váš komentář. Vámi popsaný postup je samozřejmě korektní a zajistí zcela přesné měření výsledků. Pro technicky zdatnější uživatele je postup k danému způsobu měření dostupný v nápovědě Google Analytics a na základě tohoto tipu přidáme odkaz i přímo do článku.

  3. Michal Novák | 3. února 2015

    Děkuji za "návod". Mohla by jste poradit jak vytvářet událost pouze z načtení obsahu? Např. načtení obrázku? A načtení stránky? Web má jednu URL pro více různých stran, tak nemohu rozlišit která se zobrazila? Můžete ukázat příklad?

  4. Veronika Brindzová | 4. února 2015

    Dobrý den, Michale,

    načtení obrázku lze měřit přes onLoad:
    <img src="image.jpg" onload="ga('send', 'event', 'kategorie', 'akce', 'štítek', hodnota);" />

    U té druhé otázky to bude pokaždé jiné, protože záleží na konkrétním případu. Např. když se jedná single page aplikaci, tak přepínání stránek určitě provádí nějaká javascriptová funkce. V tomto případě by se kód události vložil do té funkce.

    Další příklad je, když jsou dvě stránky se stejnou URL a obsah se např. určuje podmínkou v šabloně stránky. Tak v tomto případě by se kód pro událost vložil přímo do šablony.

  5. Robin | 10. srpna 2015

    Dobrý den Veroniko,

    zajímalo by mě jakým způsobem měřit registraci.
    Snažím se nastavit měření na klik tlačítka, ale ne a ne, ty data do UA dostat. Je moznost volat měřící kód přes skript? Dejme tomu něco takového:

    <!-- Měřicí kód Analytics -->
    <script type="text/javascript"><!--
    $('#registrace').live('click', function() {
    ga('send', 'event', 'registrace', 'dokoncit_registraci', 'registrace_NCH');
    $('.help').remove();
    });
    //--></script>

  6. Lulu Perlíková | 10. srpna 2015

    Zdravím, Robine,
    Verču máme momentálně na dovolené, ale příští týden bude zpátky a určitě se vám ozve :)
    Díky za strpení,
    Lulu

  7. koko | 23. října 2015

    Dobrý den,
    lze takto sledovat i emaily? Na co a kde kliknul? Popripade jestli si precetl email a nebo kam se az v emailu docetl?

    Diky za info