Jak vložit recenze z Heureky na vlastní web
Web na míru a hodnocení na Heurece: napojení je v tomhle případě nejrychlejší ze všech. Exportní klíč vložíte do Trust Tornado a do svého HTML přidáte script a div — recenze se pak vykreslují přímo do stránky, žádný iframe.
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 (Heureka)
Heureka je největší český srovnávač zboží a její program Ověřeno zákazníky sbírá recenze po každém nákupu. Trust Tornado se k recenzím dostane přes oficiální exportní klíč — jednou ho vložíte a recenze se pak synchronizují automaticky, bez ručního stahování XML.
Najděte tajný exportní klíč v administraci Heureky
Přihlaste se do administrace Heureky pro obchodníky. V sekci Měření a nastavení → Certifikát spokojenosti najdete položku „Tajný klíč pro váš obchod“ — řetězec o 32 znacích. Klíč je součástí programu Ověřeno zákazníky, nic dalšího aktivovat nemusíte.
Vložte klíč do Trust Tornado
V administraci Trust Tornado otevřete svůj projekt → Import → záložka Heureka, vložte tajný klíč a potvrďte. Klíč se bezpečně uloží na serveru a hned proběhne první synchronizace.
Zkontrolujte a schvalte natažené recenze
Import natáhne posledních 500 recenzí vašeho obchodu a nové recenze pak přibývají automaticky při pravidelné synchronizaci. V přehledu recenzí rozhodujete, které se na webu zobrazí — každou můžete schválit, nebo skrýt.
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 na Heurece najdu exportní klíč?
V administraci Heureky pro obchodníky v sekci Měření a nastavení → Certifikát spokojenosti, položka „Tajný klíč pro váš obchod“. Je to 32znakový řetězec — stejný klíč, který se používá pro službu Ověřeno zákazníky.
Kolik recenzí se z Heureky natáhne?
Exportní rozhraní Heureky vrací posledních 500 recenzí obchodu. Trust Tornado je natáhne všechny a nové recenze pak přibývají automaticky při pravidelné synchronizaci — nemusíte nic stahovat ručně.
Můžu si vybrat, které recenze z Heureky se zobrazí?
Ano. Každá importovaná recenze čeká na schválení v administraci — na web se dostane jen to, co schválíte. Recenzi můžete kdykoli skrýt i zpětně.
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.
