Jak vložit recenze ze Zboží.cz přes GTM
Recenze ze Zboží.cz nasadíte přes Google Tag Manager bez jediného zásahu do šablony: klíč Fénix napojí data, značka Vlastní HTML vloží widget. Bonus: pravidly GTM můžete widget zobrazit jen na stránkách, kde dává smysl.
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 přes GTM
Google Tag Manager je nejuniverzálnější cesta: widget nasadíte značkou Vlastní HTML bez zásahu do webu, na jakékoli platformě, kde GTM běží. Dvě specifika: GTM vkládá obsah značky na konec stránky a umí strhnout data atributy — proto se pro umístění do obsahu vytváří div JavaScriptem (createElement + setAttribute) a značka se spouští pravidlem DOM Ready, ne Page View.
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í. Pro plovoucí widget, lištu nebo badge stačí kód vložit do značky tak, jak je — vykreslují se přes celou stránku, takže umístění na konci stránky nevadí.
Vytvořte značku Vlastní HTML
V GTM zvolte Značky → Nová → Vlastní HTML a vložte kód. Pro widget uprostřed obsahu (wall of love, slider) nevkládejte div staticky — GTM ho hodí na konec stránky a umí strhnout data atributy. Místo toho ve značce vytvořte div JavaScriptem: document.createElement('div'), setAttribute pro class a data atribut s tokenem, a appendChild do kotvy nalezené přes document.querySelector (např. prázdný <div id="tt-slot"> vložený do stránky, nebo stabilní prvek šablony). Checkbox „Podporovat document.write“ nechte vypnutý.
Nastavte pravidlo spuštění DOM Ready
Přidejte pravidlo typu DOM Ready — na Page View by se značka spustila dřív, než cílový prvek stránky existuje, a querySelector by nic nenašel. Pro vybrané stránky přepněte na „Některé události DOM Ready“ s podmínkou Page Path obsahuje (např. /produkt/); operátor „obsahuje“ přežije koncová lomítka i parametry v URL.
Otestujte v Náhledu a publikujte
Tlačítkem Náhled otevřete Tag Assistant: značka musí být v Tags Fired na události DOM Ready a widget viditelný na stránce. Pak kontejner publikujte (Odeslat) a ověřte i na živém webu.
Časté chyby (Google Tag Manager)
- Značka se spouští na Page View místo DOM Ready. Na Page View (Container Loaded) cílový prvek stránky často ještě neexistuje — querySelector vrátí null a widget se nevloží. Používejte pravidlo DOM Ready; u webů, kde obsah dorenderovává JavaScript (SPA), počkejte na prvek přes MutationObserver.
- Statický div vložený přímo do značky. GTM vkládá obsah značky na konec stránky a nestandardní atributy (včetně data) umí strhnout. Div vytvářejte přes createElement + setAttribute — máte pod kontrolou atributy i umístění.
- Widget se vloží dvakrát. Značka se může vyhodnotit vícekrát (více pravidel, SPA navigace). Přidejte na začátek pojistku — např. if (window.__ttInjected) return; — a před načtením scriptu zkontrolujte, že už na stránce není.
- Adblock nebo CSP blokuje značku i Náhled. Přísná Content Security Policy nebo blokátory reklam umí zablokovat GTM, w.js i Tag Assistant. Testujte v Chrome bez blokátorů; do CSP webu přidejte GTM a naši doménu do script-src.
Jak ověřit, že widget běží
- V Náhledu (Tag Assistant) je značka v Tags Fired a spustila se na události DOM Ready.
- Na stránce je <div class="tt-widget"> na správném místě a widget je vykreslený.
- F12 → Network: w.js má status 200; v Elements sedí data atribut s tokenem.
- Po publikaci kontejneru ověřte widget i na živém webu (mimo režim náhledu).
Č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.
Kam přesně se widget přes GTM na stránce vloží?
Obsah značky Vlastní HTML přidá GTM na konec stránky. Plovoucí widget, lišta nebo badge tak fungují rovnou; pro umístění uprostřed obsahu vytvořte div JavaScriptem a vložte ho do zvoleného prvku stránky přes querySelector — nebo kód vložte přímo do stránky mimo GTM.
Musím být vývojář, abych widget přes GTM nasadil?
Pro plovoucí widget, lištu nebo badge ne — je to klikání v rozhraní GTM: nová značka, vložit kód, pravidlo DOM Ready, publikovat. Umístění doprostřed obsahu vyžaduje pár řádků JavaScriptu (createElement + querySelector) — vzor máte v kroku 2, zvládne ho i správce GTM.