Jak vložit recenze ze Zboží.cz na vlastní web
Web na míru a prodej přes Zboží.cz: recenze obchodu i produktů natáhnete jedním Fénix API klíčem ze Skliku a do HTML vložíte script + div. Synchronizace pak běží sama — do kódu už nesáhnete.
Co je Trust Tornado
Trust Tornado sbírá recenze z různých zdrojů — Heureka, Zboží.cz, CSV import, sběrný formulář, přeposlané e-maily — na jedno místo a zobrazuje je na vašem webu jako widget: wall of love, slider, hodnoticí badge, trust lištu nebo logo wall. Vložení je jeden krátký kód (script + div) a funguje i přes Google Tag Manager.
Navíc umí kontextové cílení: recenzi o dopravě ukáže u dopravy, recenzi o produktu u produktu. Do 10 schválených recenzí je zdarma, tarif Pro s neomezenými recenzemi stojí 390 Kč měsíčně. Jak widget vypadá, si můžete vyzkoušet bez registrace na demo stránce.
Vyzkoušet demo widget bez registrace →
1. část: Dostaňte recenze do Trust Tornado (Zboží.cz)
Zboží.cz od Seznamu sbírá recenze obchodu i jednotlivých produktů od ověřených zákazníků. Trust Tornado se napojí přes API klíč Fénix ze Skliku — stačí oprávnění pro čtení — a natáhne recenze obchodu i produktů, které se pak synchronizují automaticky.
Vygenerujte Fénix API klíč ve Skliku
V administraci Skliku otevřete Nastavení účtu → Správa klíčů API Fénix a vygenerujte nový klíč — stačí oprávnění pro čtení. Podmínkou je zapnuté standardní měření konverzí Zboží.cz, díky kterému se recenze vůbec sbírají.
Vložte klíč do Trust Tornado
V administraci Trust Tornado otevřete projekt → Import → záložka Zboží.cz a vložte vygenerovaný klíč. Klíč zůstává bezpečně na serveru a hned proběhne první synchronizace.
Zkontrolujte recenze obchodu i produktů
Natáhnou se recenze vašeho obchodu i recenze jednotlivých produktů a dál se synchronizují automaticky. V přehledu je schválíte — zobrazí se jen ty, které chcete.
2. část: Vložte widget na vlastní web
Máte web psaný na míru — statické HTML, React, Vue nebo cokoli jiného? Pak je vložení widgetu nejpřímočařejší: script do hlavičky nebo před konec <body> a div přesně tam, kde se mají recenze vykreslit. Žádné závislosti, žádný build krok. Dvě praktické rady navíc: rezervujte divu výšku (min-height) proti poskočení obsahu a v SPA hlídejte, ať div přežije klientskou navigaci.
Zkopírujte kód widgetu v Trust Tornado
V administraci Trust Tornado otevřete projekt → Widgety, vyberte widget a zkopírujte kód pro vložení — jeden krátký script a jeden div.
Vložte kód do HTML
Script vložte do <head> nebo těsně před </body> (načítá se asynchronně, vykreslení stránky nebrzdí — third-party skripty patří až za váš hlavní obsah). Div s třídou tt-widget umístěte přesně tam, kde se mají recenze vykreslit — do sekce s referencemi, pod ceník, na produktovou stránku.
Ošetřete layout a CSP
Proti poskočení obsahu (CLS) dejte divu rezervovanou výšku, např. style="min-height:400px". Pokud web posílá Content-Security-Policy hlavičky, přidejte naši doménu do script-src (a connect-src pro načítání recenzí) — jinak prohlížeč skript tiše zablokuje.
Nasaďte a zkontrolujte
Nahrajte změny na server (nebo udělejte deploy) a stránku zkontrolujte s tvrdým obnovením. V Reactu/Vue/Next musí div zůstat v DOM i po klientské navigaci — v Next.js se hodí next/script, obecně vykreslujte div až po mountu komponenty.
Časté chyby (Vlastní web)
- CSP hlavička blokuje skript. S nastavenou Content-Security-Policy se w.js bez povolení tiše nenačte — v konzoli uvidíte „Refused to load the script“. Přidejte naši doménu do script-src a connect-src.
- Widget v SPA zmizí po přechodu na jinou stránku. Klientská navigace přemontuje DOM a div zmizí. Vykreslujte div v komponentě (po mountu) — v Next.js s next/script — ať se widget po navigaci obnoví.
- Obsah stránky při načtení widgetu poskočí. Klasický CLS problém všech vkládaných widgetů. Dejte divu min-height odpovídající očekávané výšce widgetu — prohlížeč místo rezervuje předem.
- Po deployi se ukazuje stará verze. Stránku i CDN cache po nasazení obnovte a testujte tvrdým obnovením (Cmd/Ctrl+Shift+R) — jinak se zdá, že widget „nefunguje“.
Jak ověřit, že widget běží
- Otevřete stránku s tvrdým obnovením — widget se vykreslil v místě divu.
- F12 → Network: w.js má status 200 a request na data recenzí proběhl (žádné 4xx).
- F12 → Console: žádné CSP chyby typu „Refused to load the script“.
- V SPA proklikejte několik stránek a ověřte, že widget zůstává vykreslený.
Alternativa: nasazení přes Google Tag Manager
Pokud na webu používáte Google Tag Manager, nemusíte do šablony sahat vůbec — widget nasadíte značkou:
- V GTM vytvořte značku Značky → Nová → Vlastní HTML a vložte do ní kód widgetu.
- Přidejte pravidlo spuštění — All Pages, nebo podmínku na konkrétní URL, pokud má widget běžet jen na některých stránkách.
- Ověřte značku v režimu Náhled a kontejner publikujte. Widget se vloží na konec stránky — ideální pro plovoucí widget, lištu nebo badge.
Podrobný postup: recenze přes Google Tag Manager.
Časté otázky
Kde vezmu API klíč pro Zboží.cz?
V administraci Skliku: Nastavení účtu → Správa klíčů API Fénix. Vygenerujte klíč s oprávněním pro čtení a vložte ho v Trust Tornado do záložky Import → Zboží.cz.
Proč se mi nenačítají žádné recenze ze Zboží.cz?
Nejčastější příčinou je vypnuté standardní měření konverzí Zboží.cz — bez něj Seznam recenze od zákazníků nesbírá. Zkontrolujte také, že klíč Fénix má oprávnění pro čtení.
Importují se i produktové recenze ze Zboží.cz?
Ano, Trust Tornado natahuje recenze obchodu i recenze jednotlivých produktů. Díky kontextovému přiřazení se pak produktová recenze může zobrazit přímo u odpovídajícího produktu na vašem webu.
Funguje widget s Reactem, Vue nebo jiným frameworkem?
Ano. Widget je obyčejný script + div bez závislostí — funguje ve statickém HTML i v aplikacích v Reactu, Vue či Svelte. Jediné pravidlo: div musí být v DOM po vykreslení stránky a přežít klientskou navigaci (SPA při přepnutí stránky DOM přemontuje).
Ovlivní widget rychlost a SEO mého webu?
Skript se načítá asynchronně a je malý, takže vykreslení stránky nebrzdí. Recenze se vykreslují přímo do stránky (ne do iframu), takže jejich text vidí i vyhledávače — na rozdíl od iframe widgetů. Proti poskočení layoutu stačí divu rezervovat min-height.
