Archiv autora: Jindřich Fáborský

Tento týden se spolu s Marketing Minerem podíváme na nástroje pro sledování uživatelů webu. Nástroje které např.

• nahrávají pohyb myši a následně nabízí tzv. heatmapy,
• ukládají data o scrollování na jednotlivých stránkách a nabízí tzv. scrollmapy,
• poskytují další podklady pro optimalizaci formulářů na webu,
• …

Zjednodušeně jde o nástroje, které rozšiřují základní webovou analytiku – nejčasteji Google Analytics. Mezi nejznámější patří Smartlook, Hotjar či Crazy Egg. Cílem všech těchto nástrojů je pomáhat dělat chytrá rozhodnutí, která v ideálním případě zvýší konverzní poměr e-shopu.

Zajímalo nás, jak moc je české e-shopy používají, jestli jsou doménou velkých hráčů nebo po nich sahají i ti menší. Podívali jsme se na to, který nástroj je nejpopulárnější a jak je konkértně používají profesionálové v oboru.

Jedná se první studii, která popisuje stav využití těchto nástrojů v ČR (metodika).

Kolik e-shopů v ČR takový nástroj používá?

Překvapivě hodně. Pokud nebereme v úvahu Matomo (viz níže), má v Česku nějaký nástroj nasazeno 6 335 e-shopů. Shoptet odhaduje, že v Česku figuruje 42 500 e-shopů a v takovém případě nějaký pokročilý analytický nástroj využívá přesně 15 %. Vezmeme-li v potaz, že mnoho e-shopů je miniaturních a mnoho bude dlouhodobě neaktivních, je to velmi vysoké číslo. Zájem o data a motivace zlepšovat e-shopy je u nás dost vysoká.

Jaké nástroje jsou u českých e-shopů nejpoužívanější?

Na první pohled to vypadá, že nejvíce používaným nástrojem v ČR je Matomo, který se dříve jmenoval Piwik. Toto serverové řešení sice nabízí heatmapy a nahrávání sessions (za příplatek), ale primárně slouží spíše jako alternativa ke Google Analytics a nekonkuruje tolik ostatním nástrojům. Kromě toho jsme zjistili, že Piwik je nasazený plošně na všechny (či většinu) e-shopů od výrobce Eshop-rychle.cz a Webareal.cz. Máme hypotézu, že nástroj spíše používají pro generování „svých“ statistik pro administrace obchodů, než aby v něm samotní uživatelé vyhodnocovali uživatelská data. Z těchto důvodů Piwik v dalších částech studie nebudeme počítat mezi sledovací nástroje.

Podíváme-li se na zastoupení v grafu bez zmiňovaného Piwiku, vychází nám na prvním místě nástroj Smartlook následovaný Hotjarem a dále ruským nástrojem Yandex Metrika. Velká popularita Smartlooku se dá určitě přičíst i tomu, že je to nástroj, který vznikl a je dále vyvíjen v Česku. Yandexu zase hraje do karet, že je kompletně zdarma. Za zmínku stojí i další český nástroj v přehledu, Monkey Tracker, který vyvíjí společnost FG Forrest.

 

Jsou tyto nástroje doménou jen velkých hráčů?

Popularitu sledovacích nástrojů jsme chtěli ukázat u e-shopů různých velikostních kategorií. Pro náš účel jsme české e-shopy rozdělili podle návštěvnosti získané z vyhledávače Google.

Díky Marketing Mineru tak přinášíme úplně první pohled na distribuci e-shopů dle jejich objemu provozu z vyhledávání. Konkrétně se jedná o odhadovanou měsíční návštěvnost z neplaceného vyhledávání na základě vzorku 2 mil. nejhledanějších dotazů v ČR a na základě uložených 100 prvních pozic k těmto dotazům ve vyhledávači Google. Více v metodice.

E-shopy tak dělíme do čtyř skupin:

Dá se předpokládat, že větší e-shopy budou více pracovat s analytickými nástroji. Tuto hypotézu pěkně demonstruje níže zobrazený graf. Jen zhruba 12 % nejmenších e-shopů používá některý z nástrojů, zatímco u velkých už je to lehce přes 50 % a ve skupině největších českých e-shopů nějaký z nástrojů využívá 68.31 % z nich.

Pokud chcete jít ještě více do detailu, připravili jsme tabulku s jednoduchým podmíněným formátováním. Níže je velmi dobře vidět, jak rozdílné typy e-shopů dle jejich velikosti volí různé nástroje na sledování uživatelů webu. V tabulce je znázorněn % poměr e-shopů, které v dané kategorii určitý nástroj využívají.

Vyjádříme-li si dva hlavní hráče: Smartlook a Hotjar, je velmi hezky vidět, jak Hotjar získává na popularitě s růstem velikosti e-shopů a v segmentu největších hráčů vítězí v oblasti tržního podílu. Smartlook naopak s přehledem vítězí ve všech kategoriích menších a středně velkých e-shopů.

„V rohlik.cz využíváme Hotjar na sběr zpětné vazby od zákazníků. Dlouhodobě pomocí tohoto nástroje sbíráme nápady, co bychom měli na webu (a v appce) vylepšit, aby se našim zákazníkům lépe nakupovalo.

Jednotlivé nápady si pak posíláme do Productboardu, kde je kategorizujeme a sledujeme, o co si naši zákazníci nejvíce říkají. Tuto zpětnou vazbu pak zohledňujeme při volbě projektů, na kterých pracujeme.

Proč zrovna Hotjar? Jednoduché ovládání, dotazníčky vypadají skvěle i na mobilu, vlastní vzhled, široké možnosti cílení a to vše za pár dolarů měsíčně.

Další „běžné“ funkce jako heatmapy, nahrávání sessions nebo vizualizace funnelu (trychtýře) ale moc nevyužíváme. Chování v objednávkovém procesu si měříme v Google Analytics pomocí událostí. Nahrávání celých sessions generuje mnohdy až hodiny záznamu a přidaná hodnota pro nás nebyla velká. Nahrazujeme jej raději uživatelským testováním, kde zjistíme i motivy chování zákazníků.“ Michal Pařízek, Growth Hacker, Rohlik.cz

Jaké nástroje používají velké české e-shopy?

Na závěr se podíváme na naši tabulku velkých a známých českých e-shopů. Ukazuje se, že u některých z nich (Alza.cz, Mironet.cz, …) je složité nástroj detekovat. Je velmi pravděpodobné, že používají nějaké enterprise řešení zastřešující celou analytiku, případně detekci blokují. U mnoha z nich však lze pozorovat shodně Hotjar, který tak znovu potvrzuje, že je velmi vyhledávaný opravdu velkými firmami. V tabulce najdete i některé nástroje, u kterých je složité určit, zda spadají do zkoumané kategorie nástrojů.

Co o nástrojích říká Ondřej Ilinčev? A které sám využívá?

Výhodou těchto nástrojů je, že jsou užitečné, i když nemáte velké množství návštěv na webu. Já osobně používám Hotjar od doby jeho vzniku a nedokážu si bez něj tvorbu UX analýz představit.

Co je šikovné:

• Clickmapy – kam a jak moc lidi klikají.
• Scrollmapy – kam lidi doskrolují a co (ne)vidí za obsah.
• Funnely – analýza průchodu objednávkou včetně videí uživatelů, kteří končí v daném kroku.
• Dotazníky – můžu se ptát při odchodu, navíc už je tam nějaká logika když-tak.

Co je nešikovné:

• Videa uživatelů – bez toho, abyste si ověřovali nějaké konkrétní zjištění, je to hodně časově neefektivní.
• Analýza formulářů – mně nefunguje u 90 % klientů

Analýza formulářů je hodně zajímavá věc. Zjistíte čas do začátku interakce s formulářem, čas vyplňování jednotlivých polí, jak moc se uživatelé k políčku vraceli atd. Ideálním nástrojem je Formisimo, bohužel stojí od 500 dolarů měsíčně, takže je vhodný maximálně na jednorázovou analýzu. Relativně dobře analytiku formulářů zvládá LuckyOrange, zatím to ale mám jen z doslechu.

No a nejjednodušší je použít Google Tag Manager a otagovat si jednotlivá políčka, ale je to pracné. Viz článek Simo Ahavy.

Co vše díky těmto nástrojům můžete zjistit? Praktický pohled Honzy Kvasničky

Jak již bylo výše uvedeno, tyto nástroje spadají mezi základní metody optimalizace webů a e-shopů. Sám je využívám na skoro každém projektu a dávají nám důležité vhledy o chování návštěvníků. Co díky ním získáme? Kromě výše uvedeného můžete také zjistit:

• jak vypadá typická cesta návštěvníka na webu
• zda při této cestě nevznikají problémová místa nebo chyby, o kterých nevíme
• přesné označení zařízení a prohlížeče návštěvníka, na jehož video se právě díváte, což vede k snadnějšímu a rychlejšímu procesu nápravy chyb v zobrazení
• sledování chování návštěvníků dle různých zemí
• u daného videa vidíte, odkud návštěvník přišel
• filtrace návštěvníků dle určitého chování, abyste se dostali k videím a informacím, které opravdu potřebujete
• a mnoho dalšího…

Já sám nejčastěji využívám nástroje Smartlook a Hotjar, a oba mohu maximálně doporučit.

Pár příkladů z praxe, co jsme díky těmto nástrojům zjistili

Vždy se nejprve zaměřte na místa, která souvisí s hlavní konverzní cestou, a až poté se zaměřujte na další prvky webu/e-shopu. Níže najdete několik praktických ukázek, co vše dokážete díky těmto nástrojům zjistit:

Chybná validace telefonního čísla odhalena díky videu

U jednoho klienta jsme díky videím zjistili, že máme velkou chybu ve validaci telefonního čísla. Pokud jste zadali jakékoliv číslo, které má předvolbu 608, jako je vidět v ukázce, tak to vypsalo chybu v zadání, i když číslo bylo zadáno správně.

Toto je chyba, na kterou bychom nejspíše nikdy nepřišli, jelikož nám ji nikdo nenapsal ani v e-mailu, livechatu nebo nám ji nikdo ze zákazníků nezavolal. V tomto případě nejspíše návštěvník naštvaně odchází z e-shopu pryč. I proto jsou videa pro proces optimalizace tak důležitá.

Widget z Heuréky, který překážel na menších zařízeních, odhalen díky videu

Další problém, který jsme odhalili díky videu, je widget z Heuréky, který překážel v objednávkovém procesu. Na screenu níže vidíte stav, kdy to není ideální, ale ještě se dá vše správně vyplnit. Na menším rozlišení už ale widget překrýval checkbox pro přihlášení a začátek polí formuláře. Pokud návštěvník začal psát, neviděl, co píše, jelikož text byl přímo pod widgetem. Toto byl problém, o kterém jsme do této doby vůbec nevěděli, a dokázal odradit hodně návštěvníků od dokončení objednávky. I takové drobnosti opravdu rozhodují o tom, zda váš e-shop vydělává nebo nikoli. Řešením bylo skrytí tohoto widgetu v objednávkovém procesu pro určitá zobrazení e-shopu.

Špatně vytvořené bannery a pohled pomocí clickmapy

Clickmapy nám pěkně názorně ukazují, o jaké prvky na webu/e-shopu mají návštěvníci zájem a kde doopravdy klikají, ať je tam aktivní prvek nebo nikoli. Na e-shopu Bellarose.cz provádíme kontrolu každý měsíc a díky jedné z prvních kontrol jsme zjistili, že na homepage prezentujeme bannery, na které skoro nikdo nekliká. Díky tomu jsme provedli optimalizaci celé této části a ověřovali jsme si, jaké prvky v tomto místě budou pro návštěvníky opravdu nejzajímavější. Výsledek vidíte níže v ukázce.

Různé chování mužů a žen na e-shopu pohledem clickmapy

Zajímavý pohled může být na rozdílné chování mužů a žen na webech/e-shopech. Níže vidíte ukázku toho, co jsme zjistili díky clickmapám. Ženy na tomto e-shopu klikaly více na šipku směrem doleva pro procházení značek, ale muži klikali na šipku směrem doprava. Toto jsou sice drobnosti, ale krásně nám to ukazuje, že každá cílová skupina se chová trochu jinak. Vliv těchto vzorů chování na následnou optimalizaci je opravdu obrovský.

Proč nikdo nepřidává produkty v prvním kroku objednávkového procesu pohledem scrollmapy

Tuto ukázku prosím neberte jako dogma. Na vašem e-shopu, kde máte jinou cílovku, by to mohlo fungovat jinak. Chtěli jsme si ověřit, jak by fungovalo lákání na další nákup v prvním kroku objednávky. Dle dat jsme věděli, že nám zde návštěvníci nepřidávají další produkty, i když tam byly pěkně vypsané. S jejich výběrem jsme si vyhráli – jednoduše aby se zobrazovalo opravdu to, o co by mohl mít návštěvník zájem.

Velice zajímavý pohled pro nás byl skrze scrollmapu. Ta nám ukázala, že na danou část webu skoro nikdo nedoscrolluje a většina návštěvníků ihned pokračuje dále do dalšího kroku objednávky. I takto pěkně si dokážete vyvracet nebo potvrzovat vaše hypotézy.

Kdo by měl provádět vyhodnocení?

Zřejmě nejčastější otázka, která při nasazování těchto nástrojů vzniká. Určitě by měl mít vyhodnocení na starost analytik nebo UXák, ale nejsou to jen oni dva, kteří do toho vstupují. U svých klientů se snažím najít ve firmě osobu, která má prostoje nebo více času. Tuto osobu pak naučím sledovat a vyhodnocovat tento nástroj alespoň z pokročilejšího pohledu, aby věděla, na co se má zaměřit. Díky tomu pak dokáže odhalit velké množství chyb nebo problémů, které nám na webu vznikají. Nejčastěji volíme lidi na zákaznické podpoře, kteří nemají nápor po celý den a jejich vytížení je závislé spíše na sezóně. Případně využíváme přímo markeťáky, kteří by měli o chování zákazníků vědět více. 

Na některých projektech máme dokonce studenty, kteří na toto téma píší bakalářskou práci. Ti jsou pro nás velice cenní, jelikož jdou hodně do hloubky.

Co dál?

1. Zástupce obou českých nástrojů – Smartlook i Monkey Tracker budou vystavovat na našem veltrhu Reshoper. Přijďte si s nimi popovídat nebo se o webové analytice a optimalizaci konverzního poměru rovnou poraďte zdarma s našimi poradci. Stačí se registrovat zdarma a dorazit 29. ledna do PVA Letňany v Praze.
2. Všechna data v této studii byla získána ve spolupráci s Marketing Minerem. Pokud tenhle všestranný marketingový nástroj ještě nepoužíváte, určitě na něj mrkněte. I s jeho tvůrcem Filipem Podstavcem se můžete potkat přímo na veletrhu.

Další studii na našem webu najdete už příští týden 🙂

 

Rychlost načítání vašeho e-shopu ve velkém rozhoduje o vašem úspěchu. Nevěříte? Tak například Amazon spočítal, že zpomalení běhu e-shopu o 1 vteřinu stojí 10 % obratu. Když český server Srovname.cz podstatně zrychlil, konverzní poměr na mobilních zařízeních
vzrostl o 25 %. Času mají uživatelé holt málo a na ruku jim jde i vyhledávač Google. Rychlost webu je jedním z faktorů pro řazení výsledků vyhledávání a ovlivňuje také výkon reklam Google Ads.

My v Reshoperu se snažíme pomáhat českým e-shopům, a tak jsme se rozhodli zaměřit na to, jak se českým e-shopům daří po stránce rychlosti. Spojili jsme síly s Marketing Minerem a přinášíme úplně první výzkum, který zkoumá stav v zásadě úplně všech e-shopů v České republice (metodika).

Měříme dvě základní čísla

Skóre Speed Index – časový údaj v milisekundách, který říká, za jak dlouho se zobrazí viditelná část webové stránky. Měříme vždy homepage daného e-shopu a v tomto případě desktopovou (nikoliv mobilní) variantu. Čím méně to je, tím lépe. Zjistili jsme, že medián Speed Indexu pro české e-shopy je 3065. To znamená, že nejčastěji se český e-shop načte za 3 sekundy a 65 tisícin.

First Contentful Paint (FCP z Chrome UX reportů) – časový údaj v milisekundách, který říká, za jak dlouho uživatel vidí první verzi hlavního obsahu stránky. Čím lepší čas, tím větší šance udržet aktivitu uživatele. Zde se jedná o reálná měření – a to napříč všemi typy zařízení (desktop i mobil).

To byl jen rychlý úvod. Vím ale, že někdo půjde rád do hloubky, a tak doporučuji přehled všech metrik rychlosti a celý seriál o rychlosti webu na Vzhůru Dolů. Všechno o způsobu měření naleznete v naší metodice. Teď se ale pojďme podívat na výsledky.

Jak se daří velkým českým e-shopům?

Kdo si bude více uvědomovat důležitost rychlosti webu než ty nejznámější české e-shopy? S rostoucím počtem uživatelů na webu roste i dopad rychlosti na konverzní poměr. Zároveň je ale v tomto případě optimalizace rychlosti zkomplikovaná obrovským počtem produktů, kategorií, veškerého obsahu a požadavků na servery. Pojďme se nejdříve podívat na metriku FCP jako první zobrazení hlavního obsahu stránky.

FCP ukazuje stav věci za dlouhou dobu a je měřená uživateli v reálných podmínkách – tedy i na mobilních zařízeních, často třeba i na horším připojení. Ukazuje se, že z naší vybrané skupiny velkých e-shopů má vůbec nejrychlejší homepage CZC.cz těsně před Mironet.cz. Na druhé straně spektra pak stojí Mall.cz, kde je určitě co zlepšovat.

 

Zaměříme-li se na metriku Speed Indexu, tak úplným vítězem našeho srovnání je obchod Mironet.cz (desktop verze), u kterého se viditelná část stránky zobrazí při našem nastavení pod 2 vteřiny. Na velký e-shop velmi dobrý výkon!

Jak rychlé jsou e-shopové platformy?

Hodně nás zajímalo, jaké e-shopové řešení bude v praxi nejrychlejší? A jak dopadne porovnání krabicového řešení s open source v reálném světě? Vzali jsme si prakticky všechny české e-shopy, prozkoumali na kterých platformách běží a změřili, jak rychle se v praxi načítají. Data jsme intepretovali mediánem. Výstupy můžete filtrovat v níže uvedené tabulce a tím se vám překreslí graf. Jako vůbec nejrychlejší CMS podle našich dat vychází Shoptet velmi těsně následovaný řešením postaveným na Shopsysu. E-shopy Shotpetu se načtou celé nejčastěji za 2.096 sekundy (medián všech e-shopů).

Rychlost - CMSka

Tato data je ale potřeba umět vysvětlit. A na to jsme si vyžádali názor Martina Michálka, který se rychlosti webů dlouhodobě systematicky věnuje:

Pomalé weby většinou nejsou důsledkem problému na straně platformy, ale u vývojářů daných e-shopů. Jak už jsem upozorňoval u studie o rychlosti WordPressu, daleko větší dopad na rychlost má stav optimalizace frontendových komponent. Při výběru platformy doporučuji testovat zejména rychlost backendu, tam toho hotová řešení mohou pokazit nejvíc.

Které jsou ty úplně nejrychlejší české e-shopy?

Pro zajímavost jsme se také podívali, které z těch českých cca 40 000 e-shopů se načítají vůbec nejrychleji. Ze seznamu jsme odebrali ty již očividně mrtvé a nefunkční a získali jsme těchto 6 e-shopů na úplné špičce.

Jak se asi dalo očekávat, ve většině případů jde o velmi technicky jednoduché řešení bez složitých javascriptů, měřících nástrojů a velkých obrázků. S jednou vyjímkou – a to hned na prvním místě. Eroticcity.cz určitě není žádný mikro e-shop a přesto je v našem měření ten úplně nejrychlejší. Jeho celá desktop homepage se nám načetla za cca 0,5s. Gratulujeme!

Měření samozřejmě není dokonalé. Daly by se vzít lepší metriky, nezkoumat jenom homepage atd., ale pro prvotní představu určitě dobré.

České e-shopy vs. svět?

Pokud vezmeme medián všech světových webů, pro které má Google data, dostáváme se na číslo 2 sekundy. Tak dlouho nejčastěji trvá první načtení obsahu webu. České e-shopy za tímto číslem zaostávají o zhruba 0.5 vteřiny. Na to, že jde ale o typicky složitější kategorii webu, tedy e-shopy, je to velmi dobrý výsledek.

Jak jste na tom vy?

Začněte tím, že si zadáte adresu vašeho webu do nástroje Google PageSpeed Insights. Díky tomu ihned uvidíte, jak rychle se váš web načítá na běžném počítači i na mobilním zařízení. A pokud je získané skóre nízké nebo některý z měřených časů příliš dlouhý, určitě doporučujeme situaci řešit. Vždyť jak jsme si řekli v úvodu, čas jsou peníze.

Od listopadu 2018 funguje nová verze nástroje PageSpeed Insights, který krásně spojuje výstupy pro manažery (jak dlouho trvá než se web zobrazí, podle dat od reálných návštěvníků) a detailní diagnostiku pro vývojáře, z níž je zřejmé, které úpravy pomohou rychlost webu vylepšit.“ Pavel Jašek, Analytical Consultant, Google

Kolik můžete zrychlením webu vydělat?

Google nabízí ještě další dva hodně zajímavé nástroje pro práci s rychlostí webu. Na této adrese můžete nahoře analyzovat rychlost vašeho mobilního webu a velmi rychle ji srovnat s konkurencí.

Níže na stejné stránce pak můžete využít kalkulačku a spočítat si očekávaný dopad zrychlení webu o nějakou tu vteřinku. Docela slušná motivace, ne?

A co dál?

1. Posuňte váš e-shop zase o kus dál a přijďte na akci Reshoper. 29. ledna v PVA Letňany, registrace zatím stále zdarma. Získáte konzultace zdarma od předních českých odborníků a můžete se seznámit i se zástupci mnoha poskytovatelů e-shopových řešení, které jsme v článku zmínili.
2. Všechna data v této studii byla získána ve spolupráci s Marketing Minerem. Pokud tenhle všestranný marketingový nástroj ještě nepoužíváte, určitě na něj mrkněte. I s jeho tvůrcem Filipem Podstavcem se můžete potkat přímo na veletrhu.
3. Pokud chcete pokračovat ve studiu rychlosti webů a hledáte i odbornější čtení, tak mrkněte na tento seriál na webu Vzhůru Dolů.

Příští týden u nás najdete další studii českých e-shopů.

Pořádáme Reshoper, abychom e-shopařům pomáhali s podnikáním. A protože nechceme zůstat „jen“ u jednoho dne v roce, kdy se akce koná, rozhodli jsme se naše aktivity rozšířit.

Spojili jsme síly s Marketing Minerem a pouštíme do světa Reshoper Datablog. Až do konání Reshoperu tady každý týden najdete novou analýzu dělanou na míru českým e-shopům. Prozkoumáme, jak jsou české e-shopy rychlé, jak dobře dělají e-mailing, sociální sítě nebo třeba webovou analytiku. Najdeme pro vás ty hlavní mezery a ukážeme vám, co můžete na svém e-shopu zlepšit.

V každém článku najdete doporučení i vyjádření expertů na dané téma. Věříme, že naše data pomohou k dalšímu rozvoji vašeho e-shopu.

Těšíme se tedy na další články i na viděnou na Reshoperu 29. ledna v Praze. Už máte svou vstupenku?