Magazín

Zpět na všechny články Magazínu

Utíkají vám z webu návštěvníci? Možná v tom mají prsty externí odkazy!

Vlastimír Havlíček | 11. 06. 2014

Utíkají vám z webu návštěvníci? Možná v tom mají prsty externí odkazy!

Zajímalo vás někdy, jestli vám návštěvníky z webových stránek náhodou zbytečně neodvádí externí odkazy? Máte jich na stránce plno a netušíte, které návštěvníci používají? Nemáte žádné statistiky z cílového webu? Nic si z toho nedělejte! Do stejné šlamastiky jsem se před časem dostal i já a musel jsem dlouho pátrat po něčem, co by mě z ní dostalo ven.

Jedním z možných řešení by bylo použít Google Analytics a ještě si trochu pohrát s kódem stránky, ale jelikož nejsem programátor, hledal jsem další alternativu. Alternativu jménem Google Tag Manager. Tato kouzelná aplikace slibovala podrobné statistiky o tom, jak a kudy návštěvníci prchají z webu. Začal jsem tedy pečlivě studovat manuály a zkoušet, co všechno Google Tag Manager (dále GTM) vlastně umí.

Mimo jiné skvělé vychytávky obsahuje GTM i funkci nazvanou Sledování automatických událostí, která generuje události pro Google Analytics nebo Universal Analytics. Tyto události mohou mít několik podob a je nutné k nim podle toho i přistupovat. Jsou to:

  • reakce na kliknutí na odkazy,
  • reakce na libovolné kliknutí na stránce,
  • časových intervalech,
  • při odeslání formuláře.

Sledování automatických událostí umožňuje monitorovat jakoukoliv uživatelskou akci, aniž byste museli vkládat dodatečný kód či využívat další nástroj mimo GTM. V tomto článku se podíváme na zoubek především reakci na kliknutí na odkazy. Kompletní informace o všech automatických událostech najdete v nápovědě GTM.

Co chcete sledovat?

Aneb stanovte si cíl! Pro příklad se v tomto článku budeme zabývat rozborem dvou různých tlačítek na jedné stránce webu. Budeme zjišťovat, které z nich je uživatelsky lákavější a přes které nám z webu utíká více návštěvníků.

Co budete potřebovat?

  • Alespoň hodinu vašeho času.
  • Aktivní účet pro Google Tag Manager.
  • Aktivní účet pro Google Analytics nebo Universal Analytics.
  • Kód Google Tag Manageru umístěný na každé stránce vašeho webu.

Tyto čtyři podmínky jsou předpokladem k tomu, že se dopátráte přesně toho, co potřebujete. Pokud jste četli Lukášův článek Labyrint analytiky a ráj webu, určitě už máte GTM kód na svém webu vložený. A první krůčky v GTM zvládáte s přehledem díky Michalovi, který nám je představil v minulém článku Jak se snadno a rychle zbavit web admina, když potřebujete měřit výkon webu. Pokud kód na webu stále nemáte, poproste svého programátora, zvládne to ani ne za dvě hodinky.

Je důležité, abyste měli v GTM založenou základní značku měření stránek (Google Analytics nebo Universal Analytics). Zároveň musí být nastavené spouštění značky na všech stránkách webové prezentace. Teď už máte vše potřebné pro sledování Klikání na externí odkazy a můžete se pustit do finálního nastavení značek a pravidel v Google Tag Manageru.

Jak na to?

  1. Založte novou značku, kterou pojmenujte například Naslouchač klikání na odkazy 

    Založíme a nastavíme základní parametry u nové značky.

    • Následně vyberte Typ značky Posluchač kliknutí na odkaz.
    • Nechte zaškrtnuté políčko Počkat na značky, čímž zajistíte, že nepůjde kliknout na odkaz/tlačítko první dvě sekundy při načítání webové prezentace. Toto opatření je vhodné, protože zajistíte načtení celého kódu stránky. Rozhodně nedoporučuji nastavit vyšší čas než 2 sekundy (2 000 ms). S vyšším časem můžete otrávit uživatele s rychlejším připojením a počítačem.
    • Odškrtněte políčko Zkontrolovat ověření.
  2. U této značky ještě zůstaneme a vytvoříme pro ni pravidlo, aby se zobrazovala na každé stránce. V pravé části stránky, pod nadpisem Spouštění pravidel, klikneme na Přidat a zvolíme předpřipravené pravidlo s názvem Všechny stránky.
  3. Klikneme na tlačítko Uložit a tím vložíme do značky nové pravidlo, které určí, na kterých stránkách se má spouštět.

    Ze stávajících pravidel vybereme "Všechny stránky".

  4. Nyní uložíme i značku Naslouchač klikání na odkazy. Těmito kroky jsme zajistili vytvoření naslouchače, který je spuštěný na každé stránce webové prezentace.

    Nastavíme základní parametry Naslouchače.

  5. V tomto kroku již můžeme přidat značku Google Analytics (Universal Analytics), která umožní evidování událostí v případě kliknutí na externí odkaz. Proto nyní přijdete novou značku, která bude mít:

    V tomto kroku nastavíme značku Google Analytics (Universal Analytics),

    • název značky například UA událost na externí odkaz,
    • typ značky Universal Analytics (v případě, že máte založený Google Analytics, tak vyberte ten),
    • vložené ID vašeho Google Analytics do pole Číslo pro měření,
    • typ měření jako Událost,
    • parametry události splňující tyto podmínky:  
      • kategorie: externi-odkaz;
      • akce: element; 
      • štítek a hodnotu můžete nechat prázdné; 
      • požadavek bez interakce: nepravda.
    • požadavek interakce i nadále jako Nepravda.
  6. V pravém horním rohu vytvoříme pravidlo, které pojmenujeme např. kliknutí na "názevstránky.cz". Musíme znovu zadat podmínky a tentokrát budou dvě.

    V kroku 6 nastavíme pravidlo pro konkrétní URL, která nás zajímá.

    • První podmínkou bude event a nastavíme u něj, že obsahuje gtm.linkClick. To znamená, že při kliknutí na odkaz Google Tag Manager generuje událost gtm.linkClick, která zaznamená kliknutí na odkaz v Google Analytics.
    • V našem případě nechceme sledovat jen tak ledajaké kliknutí na odkaz, avšak naprosto konkrétní URL adresu. Proto musíme vytvořit druhou podmínku, kterou bude element URL. Uložíme toto pravidlo a jedeme do finále!
  7. Nyní uložíme i značku UA událost na externí odkaz. Tím pro nás práce v Google Tag Manageru končí.

Kde uvidím výsledky?

Výsledky měření samozřejmě shromažďujeme v Google Analytics/Universal Analytics. Pokud jste netrpěliví a nechcete na výsledky čekat do dalšího dne, můžete je sledovat v reálném čase s položkou Události.

Výsledky uvidíte v Google Analytics pod položkou Události.

Dlouhodobě můžete výsledky sledovat v menu Chování - Události. Zde jsou již připravena všechna potřebná data a statistiky. Pokud chcete zjistit, na které stránky z vašeho webu návštěvníci chodí, využijte funkci Nejčastější události. Zde jednoduše přidejte sekundární dimenzi Akce události a ihned uvidíte, kam návštěvníci odcházeli.

Dlouhodobě sledujeme výsledky v GA pod položkou Chování - Události.

Může být GTM levnější alternativou CrazyEggu?

Z mého pohledu se tímto způsobem měření dostaneme k velmi levné náhražce CrazyEgg. Cílem měření pomocí nástroje CrazyEgg je mimo jiné zjistit, které odkazy v kterých částech stránky jsou zajímavé pro návštěvníka. Právě automatickým nasloucháním událostí můžete například zjistit, které tlačítko je pro návštěvníka atraktivnější.

Výhodou využívání Google Tag Managera a jeho sledování automatických událostí je, že za nic nemusíte platit, nemusíte být programátor. Akorát vám to musí trochu pálit. V příkladu, který jsem vám zde nastínil, můžete najít odpovědi na jednoduché otázky: 

  • Který eshop je pro návštěvníky atraktivnější? 
  • Proč je návštěvnost webu vysoká a přesto nikdo na tlačítka nekliká? 
  • Jsou tlačítka vůbec vidět?

Jedná se o základní otázky, které vám za poplatek zodpoví CrazyEgg nebo agentura. Vy si je můžete nyní zodpovědět sami a hlavně zjistíte, že to není žádná věda.

A co dál?

V tomto článku jsem vám ukázal pouze jeden z několika způsobů měření událostí na stránce pomocí GTM, potom následují i tyto:

  • reakce na libovolné kliknutí na stránce,
  • v časových intervalech,
  • při odeslání formuláře.

V některém z příštích článků eBRÁNA magazínu vám ukážu, jak se vytvářejí jednoduchá makra a provazují se sledováním automatických událostí. Tímto postupem můžete dojít například ke sledování jednotlivých prvků webové prezentace podle jim přiřazeného ID nebo třídy.

Jak už to tak bývá, všechny testy a úpravy jsou mezi sebou propojené. Před samotným měřením, které je popsáno v tomto článku, dostanete nějaký impuls. Třeba nemáte dostatečně velkou konverzi na eshopu. Vytvoříte si tedy hypotézu, na jejímž základě postavíte měření určitého prvku eshopu, čímž si hypotézu potvrdíte nebo vyvrátíte. Pokud si ji potvrdíte, tak přistoupíte k dalšímu kroku, kterým je vytvoření dalších variant rozložení stránky či drobné změny některých prvků. Seženete si další nástroj a poté přijdou na řadu nástroje pro spouštění A/B nebo multivariantního testování. Pustíte se do testování různých variant rozložení konkrétní stránky. Jedna z navržených variant zvítězí. Vítěze implementujete a koloběh začíná znovu. Ale o tom v některém z dalších článků.

Vlastimír Havlíček

Vlastimír Havlíček

Asistent obchodního zástupce

Vlasta nastoupil do eBRÁNY v roce 2010 jako student vysoké školy. Jeho kariéra začala na brigádnické pozici operátora technické podpory, ze které se vypracoval na obchodní oddělení. Dnes pomáhá na svět novým webům a eshopům i pro společnosti tak zvučných jmen jako je ETA nebo České dráhy.

Další články autora:



© 2016, eBRÁNA s.r.o. – všechna práva vyhrazena

Prohlášení o přístupnosti | Podmínky užití | Ochrana osobních údajů | Mapa stránek

Webové stránky vytvořila eBRÁNA s.r.o. | Vytvořeno na CMS WebArchitect | SEO a internetový marketing | XHTML 1.0 | CSS 3

Nahoru ↑