Cookie lišta na WordPresse a WooCommerce

Ako nasadiť cookie lištu na WordPress a WooCommerce tak, aby meracie kódy naozaj čakali na súhlas. Na čo si dať pozor pri cache pluginoch, Google Tag Manageri a kódoch v šablóne.

Obsah článku

Na WordPresse je cookie lišta otázkou pár minút. Problémy prichádzajú inde: meracie kódy vkladajú rôzne pluginy a šablóny a cache pluginy menia poradie skriptov. Lišta potom síce svieti, ale Meta Pixel už medzitým odoslal údaje.

Čo musí lišta na WordPresse zvládnuť

  • Spustiť sa ako prvá v <head>, pred Google Tag Managerom, gtag aj pixelmi.
  • Zastaviť kódy, ktoré nevložila sama: z pluginov, zo šablóny, z poľa „vlastné skripty“ alebo z GTM.
  • Nastaviť Google Consent Mode v2 skôr, ako sa Google načíta.
  • Ponúknuť odkaz na zmenu súhlasu, napríklad v pätičke.

Pravidlá pre samotnú lištu, ako odmietnutie na prvej vrstve, sú v článku Čo musí mať cookie lišta.

Postup s pluginom Consentry

  1. Stiahnite plugin Consentry.
  2. V administrácii otvorte Pluginy → Pridať nový → Nahrať plugin, nahrajte súbor a plugin aktivujte.
  3. V Nastavenia → Consentry zadajte ID webu z vášho účtu.
  4. Deaktivujte doterajší cookie plugin, napríklad Complianz, CookieYes, Cookiebot alebo Cookie Notice. Dve lišty naraz sa navzájom pletú.
  5. Ak máte WP Rocket, LiteSpeed Cache alebo Autoptimize, vyčistite cache.
  6. Do pätičky alebo na stránku o cookies vložte shortcode [gaelta_consent_settings]. Zobrazí odkaz „Nastavenia cookies“.

Plugin vloží skript lišty na začiatok hlavičky a označí ho tak, aby ho WP Rocket, LiteSpeed Cache, Autoptimize a Cloudflare Rocket Loader neodkladali ani nespájali s inými skriptami.

Podrobný návod je v dokumentácii pre WordPress.

Na čo si dať pozor

Kódy priamo v šablóne

Niektoré šablóny alebo staršie úpravy majú Google Analytics či Meta Pixel napísaný priamo v header.php. Ak je kód v súbore nad volaním wp_head(), spustí sa skôr ako akýkoľvek plugin. Takýto kód presuňte do pluginu na vkladanie kódov alebo do Google Tag Managera.

Pluginy na meranie

Pluginy ako PixelYourSite alebo oficiálne integrácie Google a Meta pre WooCommerce vkladajú kódy po svojom. Consentry známe meracie kódy zastaví, aj keď ich vloží plugin. Po inštalácii to aj tak overte, lebo každý plugin sa správa trochu inak.

Google Tag Manager

Značky Google sa riadia Consent Mode samy. Značky iných firiem, napríklad Meta alebo TikTok, v GTM potrebujú podmienku súhlasu. Postup je v dokumentácii pre GTM.

WooCommerce a zdroj objednávok

WooCommerce má funkciu Order Attribution, ktorá sleduje, odkiaľ zákazník prišiel. Údaje si podľa dokumentácie WooCommerce dočasne drží v cookies prehliadača a k objednávke ich uloží až pri nákupe. Tieto cookies začínajú na sbjs_. Consentry ich spustí až po súhlase s analytickými cookies. Funkciu môžete aj vypnúť v WooCommerce → Nastavenia → Pokročilé → Funkcie.

Cache

Po zmene lišty vždy vyčistite cache pluginu aj CDN. Inak môžu návštevníci ešte hodiny dostávať starú verziu stránky bez lišty alebo so starou lištou.

Overenie

  1. Otvorte web v anonymnom okne a na lištu nekliknite.
  2. V nástrojoch pre vývojárov (F12) na karte Application → Cookies nesmú byť _ga, _fbp, _gcl_au ani cookies začínajúce na _hj.
  3. Kliknite na Odmietnuť, prejdite na ďalšiu stránku a pozrite znova.
  4. V novom anonymnom okne kliknite na Prijať a overte, že sa cookies objavili.

Celý postup je v článku Ako skontrolovať, či web spúšťa trackery pred súhlasom. Rýchlejšie to ukáže kontrola webu.

Zdroje

Nemáte čas to riešiť?

Lištu nastavíme za vás. Do dvoch pracovných dní.

Skontrolujeme web, nasadíme Consentry, vypneme starú lištu a overíme, že pred súhlasom nič neuniká. 49 € jednorazovo.