Přehled slidů

Microsoft Clarity

Workshop — jak vidíme chování vašich zákazníků

GS e-shop
2026
Připraveno pro GS Důvěrné
Agenda

Co dnes probereme

1. Co je Clarity a proč ho používáme

Kde se potkává s GA4, jaký přínos má pro váš e-shop

2. Přehled funkcí — na vašich datech

Dashboard, heatmapy, nahrávky, funnely, AI Copilot

3. Segmentace a porovnání

Mobile vs desktop, zdroje trafficu, kvalita návštěv

4. Integrace a reporting

GA4 propojení, měsíční reporty, ad-hoc analýzy

5. Brainstorming a další kroky

Co sledovat, co reportovat, kam s tím dál

Část 1

Proč potřebujeme obojí?

📊

Google Analytics 4

CO

se děje na webu

  • Kolik lidí přišlo
  • Odkud přišli
  • Kolik jich nakoupilo
  • Jaký byl obrat
+
🔍

Microsoft Clarity

PROČ

se to děje

  • Kam klikají (a kam marně)
  • Kde se zaseknou
  • Co čtou a co ignorují
  • Proč nedokončí nákup
GA4 vám řekne, že 70 % lidí odejde z produktové stránky.
Clarity vám ukáže, proč odchází.
Část 1

Microsoft Clarity v kostce

100%

Zdarma
Navždy, bez limitů

0

Sampling
Sleduje vše, ne vzorek

GDPR

Compliant
Data v EU (Azure)

AI

Copilot
Automatické insighty

Hlavní funkce

  • Session Recordings — nahrávky chování uživatelů
  • Heatmapy — kam klikají, kam scrollují
  • Funnely — konverzní cesty s drop-off %
  • Smart Events — automatické sledování akcí
  • Copilot — AI odpovídá na vaše otázky

Proč ne Hotjar / jiné?

  • Hotjar: placený od 32 $/měsíc, limit sessions
  • FullStory: enterprise cena (tisíce $/měsíc)
  • Clarity: zdarma, neomezeno, + AI Copilot
  • Za Clarity stojí Microsoft — důvěryhodnost a vývoj
Část 2

Dashboard — přehled na první pohled

Ukázka v MS Clarity

Dashboard

Co na dashboardu vidíme

  • Přehled návštěvnosti — sessions, uživatelé, stránky
  • Problémové signály — dead clicks, rage clicks, quick backs
  • Smart Events — klíčové akce (nákup, košík...)
  • Funnely — konverzní cesty
  • Performance — rychlost webu (Core Web Vitals)
  • Zdroje trafficu — odkud přicházejí návštěvníci

Tip: Dashboard lze stáhnout jako CSV, PNG nebo PDF pro sdílení.

Část 2

Problémové signály — na co reagovat

Dead clicks

Uživatel klikne, ale nic se nestane. Rozbitý prvek, chybějící odkaz, zavádějící design.

Varovný signál: > 5% sessions

Rage clicks

Uživatel opakovaně rychle kliká na jedno místo. Jasný signál frustrace.

Jakýkoli výskyt na CTA = priorita

Quick backs

Uživatel klikne na odkaz a okamžitě se vrátí. Stránka nesplnila očekávání.

Špatné popisky odkazů, navigace

Excessive scrolling

Uživatel scrolluje nadměrně. Hledá obsah, který nenachází.

Důležitý obsah je příliš daleko

Klíčový princip: Každý z těchto signálů lze rozkliknout a podívat se na konkrétní nahrávky — uvidíte přesně, co se stalo.

Část 2

Heatmapy — kde klikají, kam scrollují

🖱️

Click mapa

Kde uživatelé klikají — a kde klikají marně (dead clicks, rage clicks)

Pro e-shop: Je tlačítko "Do košíku" v top 3 nejkliknutějších prvků?

📜

Scroll mapa

Kam uživatelé doscrollují — vidí vůbec důležitý obsah?

Pro e-shop: Čtou popisy produktů? Doscrollují k recenzím?

🔄

Compare

Porovnání dvou heatmap vedle sebe — mobile vs desktop, různá období

Pro e-shop: Chovají se mobilní zákazníci jinak?

Ukázka v MS Clarity
Click mapa
Ukázka v MS Clarity
Scroll mapa
Část 2

Session Recordings — vidíme, co zákazník dělá

Ukázka v MS Clarity

Session Recordings

Nejde o sledování videí náhodně

  • Filtrujeme chytře — rage clicks, dead clicks, checkout abandonment
  • 5–10 nahrávek na segment stačí k identifikaci vzoru
  • AI Copilot umí shrnout 10 nahrávek za sekundy

Co z nahrávek zjistíme

  • Kde se zákazníci zaseknou v checkoutu
  • Jaké prvky na webu nefungují správně
  • Která cesta k nákupu funguje nejlépe
  • Jak se liší chování na mobilu vs desktopu
Část 2

Funnely — kde zákazníci odpadávají

Konverzní cesta vašeho e-shopu

Homepage
▼ drop-off → heatmapa navigace
Kategorie
▼ drop-off → scroll mapa, řazení produktů
Detail produktu
▼ drop-off → rage clicks, chybějící info
Košík
▼ drop-off → nečekané náklady (doprava?)
Checkout
▼ drop-off → tech chyba, složitý formulář
Objednávka dokončena

Proč je to tak silný nástroj?

Vidíme čísla: Kolik % zákazníků projde z kroku na krok

Vidíme proč: U každého kroku se podíváme na nahrávky těch, kteří odpadli

Měříme dopady: Po úpravě porovnáme funnel před a po

Ukázka v MS Clarity
Funnely
Část 2

Copilot — AI asistent přímo v Clarity

Co Copilot umí

  • Odpovídá na otázky o vašich datech přirozeným jazykem
  • Shrnuje nahrávky — nemusíte sledovat hodiny videí
  • Analyzuje heatmapy — automaticky identifikuje vzory
  • Skupinové insighty — najde společné vzorce v 10+ nahrávkách

Příklady otázek

"Kolik uživatelů používá mobil vs desktop?"

"Jaké jsou nejčastější rage clicks?"

"Odkud přichází návštěvníci, kteří nakupují?"
Ukázka v MS Clarity

Copilot AI

Důležité: AI je pomocník, ne autorita. Klíčová zjištění vždy ověřujeme v datech.

Část 3

Segmentace — různí zákazníci, různé chování

📱

Mobile vs Desktop

  • Jiné rozložení kliků
  • Jiný scroll depth
  • Jiné frustrace (malá tlačítka)
  • Porovnání heatmap vedle sebe
🔄

Nový vs vracející se

  • Noví zákazníci = jiná cesta
  • Vracející se = vědí co chtějí
  • Rozdíly v konverzi
  • Kam se noví zákazníci ztrácí
📣

Zdroj trafficu

  • PPC vs organic vs social
  • Kvalita návštěv podle zdroje
  • Čtou PPC návštěvníci obsah?
  • Propojení s GA4 daty
Díky segmentaci neřešíme "průměrného zákazníka" — řešíme konkrétní skupiny s konkrétními problémy.
Část 3

Čtení obsahu — co zákazníci skutečně čtou

Content Insights

Clarity automaticky měří, jak uživatelé čtou váš obsah — produktové popisy, blogové články, informační stránky.

Typ čtenáře

One and done: 1 článek za návštěvu
Casual: 2–3 články
Serious: 4+ článků

Chování při čtení

Engaged: Dočetli do konce
Abandoned at headline: Přečetli jen nadpis a odešli

Co to znamená pro váš e-shop

  • Kolik % návštěvníků skutečně čte popisy produktů
  • Jak daleko scrollují na produktové stránce
  • Které blogové články skutečně čtou (a které ne)
  • Zda návštěvníci z různých zdrojů čtou obsah jinak
Ukázka v MS Clarity
Scroll mapa — produktová stránka
Část 4

Clarity + GA4 = kompletní obrázek

1.

Najdeme anomálii v GA4

Propad konverzí, nárůst bounce rate, pokles trafficu

2.

Prozkoumáme v Clarity

Heatmapy, nahrávky, funnely — hledáme příčinu

3.

Navrhneme řešení

Konkrétní doporučení podložená daty

Co propojení přináší

GA4 data přímo v Clarity — audience, acquisition, oblíbené stránky, sessions podle země

Z GA4 rovnou do nahrávek — z konkrétního reportu přejdeme na session recordings

Příklady

Jak Clarity pomáhá e-shopům

Groupshop

+200%

Nahrávky odhalily pomalé načítání webu → oprava rychlosti → ztrojnásobení konverzí

Zdroj: Microsoft Clarity Case Studies

Middletons (nábytek)

+86%

Rage clicks odhalily frustrační body → úprava UX → konverze +86%, CPA -41%

Zdroj: Microsoft Clarity Case Studies

Conversion Pages (Shopify)

+37%

Scroll mapy ukázaly, že klíčový obsah byl příliš daleko → přesun nahoru → 3× vyšší profit

Zdroj: Microsoft Clarity Case Studies

B Interactive (health e-shop)

+68%

6 měsíců A/B testování s Clarity daty → redesign produktové stránky → AOV z $115 na $140

Zdroj: Microsoft Clarity Case Studies

Váš e-shop

Aktuální stav a kam se dá jít dál

Aktuálně nastaveno

  • Tracking — sbíráme data ze všech návštěv
  • GA4 propojení — obousměrně
  • Funnely — nákupní cesta, checkout flow, konverze od produktu
  • Segmenty — mobile, desktop, frustrace, zdroj trafficu
  • Watchlist — monitoring klíčových segmentů
  • IP blocking — vyloučení interních návštěv
  • GDPR masking — automatická ochrana citlivých dat

Performance webu

76

Performance Score
z 29 566 pageviews

LCP: 3.4s (cíl: < 2.5s)
Čas, než zákazník vidí hlavní obsah

INP: 260ms (cíl: < 200ms)
Jak rychle web reaguje na kliknutí

CLS: 0.11 (cíl: < 0.1)
Stabilita layoutu při načítání

Groupshop: oprava rychlosti → konverze +200 %

Pokročilé možnosti

Custom Tags doporučujeme
Automatická kategorizace návštěv podle typu stránky a zákazníka. Výrazně zpřesní segmentaci.
Náročnost: střední (úprava kódu webu)

Custom Events nice to have
Přesnější e-commerce tracking než auto-detekce. Část dat však již sleduje Targito.
Náročnost: střední | Přidaná hodnota: nižší (překryv s Targito)

Rychlost webu dopad na konverze
Optimalizace obrázků, JS a layoutu. Přímý vliv na konverzní poměr.
Náročnost: vyšší (práce na úrovni webu)

Část 5

Co z Clarity přidáme do měsíčních reportů

Co budeme pravidelně sledovat

Dead clicks & rage clicks
Např. "Na mobilní homepage je 15 % dead clicks na popup"

Checkout funnel — drop-off rate
Např. "44 % odpadá mezi košíkem a pokladnou"

Scroll depth na produktových stránkách
Např. "Jen 5 % doscrolluje k popisu u Cemio Kamzík"

Mobile vs desktop chování
Např. "34 % mobilních uživatelů nevidí CTA bez scrollu"

Performance score & Core Web Vitals
Např. "LCP se zlepšilo z 3.4s na 2.8s — dopad na konverze"

Co nastavíme společně

Nový funnel
Který proces chcete sledovat? Registrace? Newsletter? Konkrétní kategorie?

Nový segment
Skupinu zákazníků, kterou chcete porovnat — např. zákazníci z kampaní vs organic

Watchlist alert
Automatické upozornění, když se změní chování v klíčovém segmentu

Shrnutí

📊

GA4 říká CO

Čísla, trendy, konverze

🔍

Clarity říká PROČ

Chování, frustrace, kontext

🚀

Společně = akce

Konkrétní doporučení podložená daty

Clarity nám dává oči — vidíme přesně, co zákazníci na vašem webu dělají.
A díky tomu můžeme dělat lepší rozhodnutí.

Microsoft Clarity

Workshop — jak vidíme chování vašich zákazníků

GS e-shop
2026
Připraveno pro GS Důvěrné
1 / 18
← → navigace  |  M menu  |  G přehled  |  1–5 sekce  |  N poznámky