# 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](https://www.smartlook.com/) 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? {% hint style="info" %} Modul je nutné nejprve nainstalovat ve **Správci rozšíření**. {% endhint %} V hlavním menu klikněte na **Nastavení** → **Rozšíření** → **Smartlook**. ## Vytvoření účtu Smartlook {% stepper %} {% step %} ### Registrace * Přejděte na stránku [**smartlook.com**](https://www.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** {% endstep %} {% step %} ### Potvrzení e-mailu * Otevřete e-mail od Smartlook * Klikněte na odkaz pro potvrzení * Budete přesměrováni do administrace Smartlook {% endstep %} {% step %} ### 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** {% endstep %} {% step %} ### 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 {% endstep %} {% endstepper %} ## 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 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://napoveda.rocketoo.cz/rocketoo/rozsireni/smartlook.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.