Recenze na vlastní web: widget jedním kódem
Web na míru znamená plnou kontrolu — a vložení widgetu s recenzemi je tu otázka dvou řádků: script a div. Trust Tornado recenze vykresluje přímo do stránky (žádný iframe), takže se přizpůsobí vašemu designu a jejich text vidí i vyhledávače. Vyberte si zdroj recenzí a jděte na to.
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 →
Postup krok za krokem
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
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.
