Recenze přes Google Tag Manager: widget bez zásahu do webu

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

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.

1. 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í.

2. 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ý.

3. 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.

4. 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ěží

1. V Náhledu (Tag Assistant) je značka v Tags Fired a spustila se na události DOM Ready.
2. Na stránce je <div class="tt-widget"> na správném místě a widget je vykreslený.
3. F12 → Network: w.js má status 200; v Elements sedí data atribut s tokenem.
4. Po publikaci kontejneru ověřte widget i na živém webu (mimo režim náhledu).