Smartlook

Modul Smartlook vám umožňuje:

• Nahrávat relace skutečných návštěvníků vašeho e-shopu

• Sledovat kliknutí, pohyby myši a procházení stránkami

• Vidět, co uživatelé vyplnili do formulářů

• Identifikovat problémy s používáním e-shopu

• Zjistit, proč návštěvníci opouštějí košík

Co je Smartlook?

Smartlook je nástroj pro nahrávání obrazovek reálných uživatelů na vašem e-shopu. Funguje podobně jako kamera, která zaznamenává každý pohyb návštěvníka - kam kliknul, kam se pohyboval myší, co vyplnil do formulářů a jak dlouho na stránce strávil čas.

Proč používat Smartlook?

• Odhalte překážky - vidíte přesně, kde návštěvníci utečou nebo kde se zaseknou

• Pochopte chování - místo dohadů víte, jak zákazníci skutečně používají váš web

• Zvyšte konverze - na základě skutečných dat můžete optimalizovat nákupní proces

• Najděte chyby - vidíte chyby, které návštěvníci vidí, ale vy o nich nevíte

Kde modul najdu?

Modul je nutné nejprve nainstalovat ve Správci rozšíření.

V hlavním menu klikněte na Nastavení → Rozšíření → Smartlook.

Vytvoření účtu Smartlook

1

Registrace

• Přejděte na stránku smartlook.com

• Klikněte na tlačítko Sign up nebo Začít zdarma

• Vyplňte registrační formulář:

  • E-mailová adresa

  • Heslo

  • Název společnosti

• Klikněte Vytvořit účet

2

Potvrzení e-mailu

• Otevřete e-mail od Smartlook

• Klikněte na odkaz pro potvrzení

• Budete přesměrováni do administrace Smartlook

3

Vytvoření projektu

• V administraci klikněte na Přidat nový projekt

• Vyplňte:

  • Název projektu - např. název vašeho e-shopu

  • URL webu - adresa vašeho e-shopu

  • Typ webu - vyberte "E-commerce"

• Klikněte Pokračovat

4

Získání Smartlook ID

Po vytvoření projektu se zobrazí nahrávací kód. Potřebujete z něj jen Smartlook ID:

smartlook('init', 'váš-smartlook-id-zde');

Smartlook ID je alfanumerický kód - zkopírujte ho, budete ho potřebovat v dalším kroku.

Kde najdu Smartlook ID později?

• V administraci Smartlook klikněte na ikonu Nastavení (ozubené kolečko)

• V menu vyberte Účet → Weby

• Klikněte na Nahrávací kód

• Zkopírujte Smartlook ID z kódu

Propojení s e-shopem

Aktivace modulu v Rocketoo

1. V administraci Rocketoo klikněte v menu na Nastavení

2. Vyberte záložku Rozšíření

3. Najděte modul Smartlook

4. Klikněte na Nastavení

Zadání Smartlook ID

1. Do pole Smartlook ID vložte ID z předchozího kroku

2. Zaškrtněte přepínač Aktivovat nahrávání na vašem e-shopu

3. Klikněte Uložit

Ověření funkčnosti

1. Otevřete váš e-shop v novém okně prohlížeče (v anonymním režimu)

2. Proveďte několik akcí - klikněte na produkty, přejděte na různé stránky

3. V administraci Smartlook klikněte na Dashboard

4. Po cca 1-2 minutách by se měla objevit první relace

Pokud se relace nezobrazí:

• Zkontrolujte, že jste zadali správné Smartlook ID

• Ověřte, že je modul aktivován

• Zkuste vyprázdnit cache prohlížeče (Ctrl+Shift+Del)

• Zkontrolujte konzoli prohlížeče (F12) - zda nejsou JavaScript chyby

Sledování relací

Co je relace?

Relace je jeden návštěvníkův průchod vašim e-shopem od prvního zobrazení stránky až po odchod. Relace obsahuje:

• Video záznam obrazovky

• Kliknutí a pohyby myši

• Návštívené stránky

• Vyplněné formuláře

• Technické informace (zařízení, prohlížeč, země)

Zobrazení relací:

1. V administraci Smartlook klikněte na Recordings nebo Relace

2. Zobrazí se seznam všech nahraných relací

3. Pro každou relaci vidíte:

   • Náhled

   • Délku relace

   • Počet zobrazených stránek

   • Zařízení a prohlížeč

   • Zemi původu

   • Datum a čas návštěvy

Přehrání relace:

1. Klikněte na relaci, kterou chcete přehrát

2. Otevře se přehrávač s videem

3. Ovládání přehrávače:

   • Play/Pauza — spustí nebo zastaví přehrávání

   • Rychlost — změňte rychlost přehrávání (0.5x - 4x)

   • Přeskočit neaktivitu — přeskočí momenty, kdy uživatel nic nedělal

   • Timeline — přehled stránky které návštěvník prošel

Co vidím v relaci?

• Pohyby myši - červená tečka ukazuje, kde se pohyboval kurzor

• Kliknutí - animace při každém kliknutí

• Scrollování - jak návštěvník roloval stránku

• Vyplněné formuláře - co uživatel napsal (citlivé údaje jsou automaticky skryté)

• Přechody mezi stránkami - kdy a kam návštěvník přešel

Důležité události v relaci

• 🛒 Přidání do košíku - uživatel přidal produkt

• 💳 Zahájení pokladny - začal proces objednávky

• ✅ Dokončení objednávky - úspěšně dokončil nákup

• ❌ Opuštění košíku - odešel bez dokončení objednávky

• ⚠️ Chyba - narazil na chybovou hlášku

Filtry pro relace

V levém panelu můžete filtrovat relace podle:

Vlastnosti návštěvníka:

• Zařízení - Desktop, Mobil, Tablet

• Prohlížeč - Chrome, Firefox, Safari, Edge...

• Operační systém - Windows, macOS, iOS, Android

• Země - země původu návštěvníka

Chování:

• Délka relace - např. relace delší než 2 minuty

• Počet stránek - např. viděl více než 5 stránek

• Události - např. přidal do košíku, dokončil objednávku

• URL stránky - např. pouze relace, které viděly konkrétní produkt

Časové období:

• Dnes

• Včera

• Poslední 7 dní

• Poslední 30 dní

• Vlastní rozsah

Sdílení relace:

1. Otevřete relaci

2. Klikněte na tlačítko Share nebo Sdílet

3. Zkopírujte odkaz

4. Odešlete kolegovi - relace se mu otevře přímo v prohlížeči

Heatmapy a analýzy

Co jsou heatmapy?

Heatmapy jsou vizualizace, které ukazují, kde návštěvníci nejčastěji klikají, kam se dívají a jak daleko scrollují na stránce. Oblasti s vysokou aktivitou jsou zobrazeny červeně, oblasti s nízkou aktivitou modře.

Typy heatmap:

• Click heatmap (Mapa kliknutí) - ukazuje, kam návštěvníci klikají nejčastěji

• Move heatmap (Mapa pohybu) - ukazuje, kam se pohybují kurzory myši

• Scroll heatmap (Mapa scrollování) - ukazuje, jak daleko návštěvníci scrollují

Vytvoření heatmapy:

1. V administraci Smartlook klikněte na Heatmaps

2. Klikněte Vytvořit novou heatmapu

3. Zadejte:

   • URL stránky - např. homepage, stránka produktu, košík

   • Název heatmapy

4. Klikněte Vytvořit

Smartlook začne sbírat data a heatmapa se vytvoří automaticky (potřebuje alespoň 10-20 relací).

Interpretace heatmap:

• Správné umístění tlačítek: tlačítko "Přidat do košíku" by mělo být červené

• Scrollování: pokud jen 20% návštěvníků scrolluje k důležitému obsahu, přesuňte ho výše

• Mrtvé zóny: modré oblasti ukazují obsah, který nikdo nečte — zvažte odstranění nebo přesunutí

Filtry a vyhledávání

Vyhledávání konkrétních relací

Podle URL:

1. V části Recordings klikněte na Filters

2. Vyberte Visited URL

3. Zadejte část URL - např. "/produkt/myš-logitech"

4. Zobrazí se pouze relace, které navštívily tuto stránku

Podle chování:

1. Klikněte Filters

2. Vyberte Events (Události)

3. Zaškrtněte události, které chcete sledovat:

   • Added to cart (Přidáno do košíku)

   • Checkout started (Zahájena pokladna)

   • Order completed (Dokončena objednávka)

Podle zařízení:

1. Klikněte Filters

2. Vyberte Device type

3. Zvolte Desktop / Mobile / Tablet

Ukládání filtrů:

1. Nastavte filtry

2. Klikněte Save filter

3. Pojmenujte filtr - např. "Mobilní návštěvníci s košíkem"

4. Příště filtr vyberete z rozbalovacího menu

Segmenty:

• Příklady segmentů:

  • Návštěvníci, kteří opustili košík:

    • Událost: "Added to cart" = ANO

    • Událost: "Order completed" = NE

    • Délka relace: více než 1 minuta

  • Problémy na mobilu:

    • Zařízení: Mobile

    • Počet chyb: alespoň 1

    • Délka relace: méně než 30 sekund

Často kladené otázky

Obecné otázky

Je Smartlook zdarma?

Smartlook má bezplatný plán s limitem 3 000 relací za měsíc. Pro větší e-shopy je potřeba placený plán.

Ovlivňuje Smartlook rychlost mého e-shopu?

Ne, Smartlook se načítá asynchronně a neblokuje zobrazení stránky. Návštěvníci nezaznamenají zpomalení.

Vidím citlivé údaje zákazníků (hesla, čísla karet)?

Ne, Smartlook automaticky skrývá všechna citlivá pole (hesla, čísla karet, rodná čísla). Vidíte jen, že uživatel pole vyplnil.

Mohu smazat relaci?

Ano, v souladu s GDPR můžete smazat jakoukoli relaci. Otevřete relaci a klikněte na tlačítko "Delete".

Technické otázky

Funguje Smartlook i pro přihlášené zákazníky?

Ano, Smartlook nahrává všechny relace - přihlášené i nepřihlášené zákazníky.

Mohou identifikovat konkrétního zákazníka?

Pokud zákazník souhlasí, můžete v jeho relaci vidět identifikátor (např. e-mail). Jinak jsou relace anonymní.

Co když chci některé stránky vyloučit z nahrávání?

V nastavení Smartlook můžete nastavit pravidla pro vyloučení konkrétních URL.

Funguje Smartlook i na HTTPS?

Ano, Smartlook plně podporuje HTTPS a je to dokonce doporučené.

Používání a optimalizace

Kolik relací potřebuji pro získání užitečných dat?

Pro základní pochopení chování stačí 20-30 relací. Pro heatmapy je lepší mít alespoň 100 relací dané stránky.

Jak často bych měl kontrolovat relace?

Doporučuje se:

• Denně - zkontrolujte 3-5 posledních relací pro rychlou kontrolu

• Týdně - hlubší analýza problémových míst

• Po změnách - vždy po úpravách na webu zkontrolujte reakci uživatelů

Jak poznám, že mám problém na e-shopu?

Sledujte tyto signály:

• Návštěvníci rychle opouštějí košík (během pár sekund)

• Klikají na nefunkční prvky

• Scrollují nahoru a dolů, jako by něco hledali

• Opakovaně klikají na stejné místo (může být rozbité)

Co dělat, když najdu problém?

Postup:

1. Zapište si přesný popis problému

2. Uložte odkaz na relaci pro dokumentaci

3. Opravte problém na e-shopu

4. Po týdnu zkontrolujte nové relace - zda je problém vyřešen

GDPR a soukromí

Je Smartlook v souladu s GDPR?

Ano, Smartlook je plně v souladu s GDPR. Musíte ale informovat návštěvníky v cookie liště.

Musím mít souhlas návštěvníka?

Ano, doporučujeme přidat Smartlook do kategorie analytických cookies a získat souhlas přes cookie lištu.

Jak dlouho se uchovávají nahrávky?

Záleží na vašem tarifu - standardně 30-90 dní. Po této době se automaticky mažou.

Mohu nahrávky stáhnout?

Ne, nahrávky nelze stahovat. Můžete je ale sdílet přes odkaz.

Praktické příklady použití

Příklad 1: Návštěvník opouští košík

Situace: mnoho návštěvníků přidává produkty do košíku, ale nenakupuje.

Jak problém identifikovat:

1. Použijte filtr: "Added to cart = Ano" + "Order completed = Ne"

2. Přehrajte 5-10 takových relací

3. Sledujte, co návštěvníci dělají na stránce košíku

Možné zjištění:

• Vysoké náklady na dopravu

• Komplikovaný proces objednávky

• Nutnost registrace

• Technická chyba (tlačítko "Pokračovat" nefunguje)

Příklad 2: Nízká konverze na stránce produktu

Situace: produkt má hodně návštěv, ale málo prodejů.

Jak problém identifikovat:

1. Vytvořte filtr pro URL stránky produktu

2. Pusťte si 10-15 relací

3. Sledujte, kam návštěvníci klikají a jak scrollují

Možné zjištění:

• Tlačítko "Koupit" je příliš daleko

• Chybí důležité informace (parametry, rozměry)

• Cena je nejasná

• Fotky jsou nekvalitní

Příklad 3: Vysoký bounce rate na homepage

Situace: mnoho návštěvníků odchází hned po zobrazení homepage.

Jak problém identifikovat:

1. Filtr: Délka relace < 10 sekund + Počet stránek = 1

2. Přehrajte relace

3. Vytvořte heatmapu homepage

Možné zjištění:

• Pomalé načítání

• Nepřehledný design

• Chybějící vyhledávání

• Špatná nabídka