Jak sbírat a zobrazit vlastní recenze na vlastní web
Na webu na míru máte referencím vyhrazené místo — tak ho naplňte skutečnými recenzemi od zákazníků. Sběrný formulář Trust Tornado je posbírá, vy je schválíte a script + div je vykreslí přesně do vaší sekce referencí.
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 (Sběrný formulář)
Nemusíte čekat, až vás zákazníci ohodnotí na srovnávači — recenze můžete sbírat sami. Trust Tornado vám dá veřejný sběrný formulář na adrese, kterou pošlete zákazníkům, a navíc umí uložit recenzi z přeposlaného e-mailu. Vše se schvaluje, takže na web jde jen to, co pustíte.
Zapněte sběrný formulář
V administraci Trust Tornado otevřete projekt → Sběr recenzí. Získáte veřejný odkaz na formulář (adresa typu /r/vas-projekt), kam zákazník vyplní jméno, hodnocení a text recenze — bez registrace a bez hesla.
Pošlete odkaz zákazníkům
Odkaz na formulář přidejte do děkovného e-mailu po objednávce, do podpisu, na účtenku nebo ho pošlete napřímo spokojeným zákazníkům. Funguje i jako QR kód na provozovně.
Přeposílejte pochvalné e-maily
Když vám zákazník napíše pochvalu e-mailem, stačí zprávu přeposlat na e-mailovou adresu vašeho projektu — uloží se jako recenze čekající na schválení. Přesnou adresu najdete v administraci na tabu Sběr recenzí.
Schvalte recenze
Každá posbíraná recenze čeká na schválení v administraci. Zobrazí se jen ty, které schválíte — spam nebo omylem odeslané záznamy prostě nepustíte dál.
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
Musí se zákazník do formuláře registrovat?
Ne. Sběrný formulář je veřejná stránka — zákazník vyplní jméno, hodnocení a text a odešle. Žádný účet, žádné heslo, funguje i na mobilu.
Jak funguje sběr recenzí přes e-mail?
Každý projekt má vlastní e-mailovou adresu — přesnou adresu najdete v administraci na tabu Sběr recenzí. Pochvalný e-mail od zákazníka na ni přepošlete a uloží se jako recenze čekající na schválení — text zůstane, jak ho zákazník napsal.
Co když přijde nevhodná nebo falešná recenze?
Nic se nezobrazí bez vašeho schválení. Recenze ze sběrného formuláře i z e-mailu čekají v administraci — co neschválíte, na web nejde.
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.
