> For the complete documentation index, see [llms.txt](https://napoveda.rocketoo.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://napoveda.rocketoo.cz/rocketoo/rozsireni/smartlook.md).

# 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

<details>

<summary>Je Smartlook zdarma?</summary>

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.

</details>

<details>

<summary>Ovlivňuje Smartlook rychlost mého e-shopu?</summary>

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

</details>

<details>

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

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

</details>

<details>

<summary>Mohu smazat relaci?</summary>

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

</details>

#### Technické otázky

<details>

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

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

</details>

<details>

<summary>Mohou identifikovat konkrétního zákazníka?</summary>

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

</details>

<details>

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

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

</details>

<details>

<summary>Funguje Smartlook i na HTTPS?</summary>

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

</details>

#### Používání a optimalizace

<details>

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

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

</details>

<details>

<summary>Jak často bych měl kontrolovat relace?</summary>

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ů

</details>

<details>

<summary>Jak poznám, že mám problém na e-shopu?</summary>

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é)

</details>

<details>

<summary>Co dělat, když najdu problém?</summary>

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

</details>

#### GDPR a soukromí

<details>

<summary>Je Smartlook v souladu s GDPR?</summary>

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

</details>

<details>

<summary>Musím mít souhlas návštěvníka?</summary>

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

</details>

<details>

<summary>Jak dlouho se uchovávají nahrávky?</summary>

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

</details>

<details>

<summary>Mohu nahrávky stáhnout?</summary>

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

</details>

## 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