Opas: Cookiebotin asentaminen WordPressiin helposti
Cookiebot lisätään helposti WordPressiin lisäosalla. Ilmainen versio on saatavilla pienille sivustoille, joilla on alle 50 sivua. Tässä oppaassa viet Cookiebotin asennuksen maaliin varmasti ja saat EU:n yleisen tietosuoja-asetuksen eli GDPR:n, ePrivacy-sääntelyn ja mainonnan mittauksen kuntoon yhdellä istumalla.
Olen ottanut Cookiebotin käyttöön useille projekteille. Selkein hyöty on se, että suostumus hallitaan oikein ennen kuin yksikään seuranta latautuu. Sama prosessi toimi moitteetta myös rakennusliikesivustolla, jonka toteutimme WordPressillä: Verkkosivut rakennusliikkeelle.
- GDPR- ja ePrivacy-vaatimustenmukainen evästebanneri ja suostumusloki
- Valmiit integraatiot: Google Consent Mode v2 ja IAB TCF v2.2
- Automaattinen evästeskannaus sekä monikielinen banneri
Vaihe 1: Luo Cookiebot-tili ja lisää verkkotunnus
Cookiebot on CMP eli suostumuksenhallintajärjestelmä, joka tunnistaa evästeet, estää ne ennen suostumusta ja dokumentoi valinnat. Tavoite on prior consent eli suostumus ennen latausta. Pienille sivustoille, joilla on alle 50 sivua, ilmainen taso riittää yleensä hyvin.
- Luo tili Cookiebotiin ja aloita määritys ohjatun asennuksen avulla.
- Lisää verkkotunnus ja käynnistä automaattinen evästeskannaus. Valitse oletuskieleksi suomi ja lisää muut kielet tarpeen mukaan.
- Määritä bannerin tyyli ja sijoittelu. Pidä kontrasti saavutettavana ja teksti selkeänä.
- Aktivoi automaattinen estäminen, jotta markkinointi- ja tilastoevästeet latautuvat vasta suostumuksen jälkeen.
- Ota Google Consent Mode v2 käyttöön hallintapaneelista, jotta Google Analytics 4 ja Google Ads kunnioittavat suostumustiloja.
- Kopioi Domain Group ID eli tunniste Your scripts -näkymästä. Tarvitset sitä WordPressissä.
Tässä vaiheessa sinulla on skannaus käynnissä, banneri valittu ja Domain Group ID talletettuna. Seuraavaksi kytketään Cookiebot WordPress-sivustoon.
Vaihe 2: Asenna Cookiebot-lisäosa ja kytke WordPress-sivustoon
Virallinen lisäosa on Cookiebot CMP by Usercentrics. Se nopeuttaa käyttöönottoa eikä vaadi manuaalista koodin lisäystä teeman tiedostoihin. Asennus onnistuu muutamassa minuutissa.
- Kirjaudu WordPressiin ja siirry kohtaan Lisäosat > Lisää uusi. Hae Cookiebot CMP ja asenna sekä aktivoi lisäosa.
- Avaa lisäosan asetukset ja liitä Domain Group ID sille varattuun kenttään.
- Ota käyttöön automaattinen evästeiden estäminen. Varmista, että välttämättömät evästeet jäävät sallituiksi.
- Valitse sivuelementti, johon banneri sijoitetaan, ja määritä kieli sekä tekstit. Monikielisissä sivustoissa hyödynnä WPML- tai Polylang-yhteensopivuutta.
- Aktivoi Consent Mode v2 ja tarvittaessa IAB TCF v2.2, jos käytät mainosverkostoja, jotka sitä edellyttävät.
- Tallenna asetukset ja tyhjennä välimuisti, jos käytössä on välimuistilisäosa tai CDN, kuten Cloudflare.
Kun asetukset on tallennettu, banneri latautuu sivustolle ja alkaa hallita suostumuksia automaattisesti. Seuraavaksi viimeistellään mittauksen ja mainonnan integraatiot.
Suostumuksenhallinta: Consent Mode ja IAB TCF -asetukset
Google Consent Mode v2 kertoo Googlen tageille suostumustilan. Kun käyttäjä ei anna suostumusta, analytiikka ja mainonta toimivat vain mallinnuksen kautta ilman evästeitä. Kun suostumus annetaan, tagit voivat asettaa evästeitä normaalisti. Tämä varmistaa sekä vaatimustenmukaisuuden että mittauksen toimivuuden.
IAB TCF v2.2 on alan standardi mainossuostumusten välittämiseen kumppaneille. Ota se käyttöön vain, jos käytät ohjelmallista mainontaa tai kumppaneita, jotka vaativat TCF-signaaleja. Cookiebot hoitaa signaalien välittämisen automaattisesti.
| Ominaisuus | Google Consent Mode v2 | IAB TCF v2.2 |
|---|---|---|
| Tarkoitus | Välittää suostumustilan Googlen tageille (GA4, Google Ads jne.) ja ohjaa, mitä voidaan tallentaa selaimeen. | Standardi, jolla välitetään mainossuostumukset (purposes/vendorit) ohjelmallisen mainonnan ekosysteemiin. |
| Milloin ottaa käyttöön | Aina, kun käytät Googlen mittaus- tai mainostuotteita. | Kun teet ohjelmallista mainontaa tai kumppanit vaativat TCF-signaalia. |
| Mitä välitetään | Signaalit: ad_storage, analytics_storage, functionality_storage, security_storage, ad_user_data, ad_personalization. | TCF-consent string: tarkoitukset, erityisominaisuudet, vendor-suostumukset ja oikeutetun edun tilat. |
| Vaikutus käytännössä | Ilman suostumusta Google käyttää mallinnusta eikä aseta markkinointi- tai analytiikkaevästeitä; suostumuksella tagit toimivat normaalisti. | Vendorit säätävät evästeitä, kohdentamista ja kutsuja käyttäjän valintojen mukaan. |
| Aktivointi Cookiebotissa | Ota hallintapaneelissa Consent Mode v2 käyttöön ja aseta oletukseksi denied; GTM:ssä Consent Initialization ennen muita tageja. | Aktivoi IAB TCF v2.2, valitse vendorit ja rajaa näyttö tarvittaessa EU/ETA-alueelle. |
| Yhteensopivuus | Toimii GTM:n consent checks -asetusten kanssa; ei korvaa TCF:ää. | Toimii rinnakkain Consent Moden kanssa; ei korvaa Googlen consent-signaaleja. |
Google Tag Managerin kanssa
Jos käytät Google Tag Manageria, varmista, että consent checks on käytössä ja Consent Initialization -tapahtuma laukeaa ennen muita tageja. Aseta oletuksiksi denied-arvot ad_storage- ja analytics_storage-signaaleille, jolloin tagit odottavat Cookiebotin suostumusta. Kun käyttäjä hyväksyy tilastot tai markkinoinnin, tagit alkavat laukaista ilman manuaalisia lisämuokkauksia.
Testaa evästebanneri ja mittaus ennen julkaisua
Testaus kannattaa tehdä yksityisessä selausikkunassa. Avaa sivusto, tarkista, että banneri näkyy, ja kokeile hyväksyä vain välttämättömät. Varmista Tag Assistantin tai selaimen verkkoliikenteen avulla, että Google Analytics 4 ja mainostagit eivät laukea ennen suostumusta. Tämän jälkeen hyväksy kaikki ja tarkista, että tagit alkavat toimia.
Tarkista saavutettavuus näppäimistöllä ja ruudunlukijalla. Hyvä kontrasti, selkeä kieli ja looginen fokusjärjestys parantavat käytettävyyttä ja auttavat saavutettavuusvaatimuksissa. Lopuksi ajoita evästeskannaus toistuvaksi, jotta uudet lisäosat tai upotukset tulevat löydetyiksi.
Tyylin muokkaus ja monikielisyys
Lisäosassa voit säätää bannerin asettelua, värejä ja painikkeiden tekstejä. Pidä vaihtoehdot selkeinä ja vältä ylimääräisiä klikkauksia. Varmista, että tekstit kertovat ymmärrettävästi, miksi tietoja kerätään ja mitä hyötyä suostumuksesta on.
Monikielisellä sivustolla kytke banneri kielitunnisteisiin. Cookiebot osaa näyttää kielen automaattisesti, kun kieliversiot on määritetty. Tarkista myös evästeilmoituksen eli Cookie Declaration -sivun käännökset ja linkitys alatunnisteeseen.
Vianmääritys: yleisimmät ongelmat
Useimmat ongelmat liittyvät välimuistiin tai optimointiin. Jos käytät esimerkiksi WP Rocketia tai LiteSpeed Cachea, sulje Cookiebotin skriptit Delay JS- ja Combine JS -optimointien ulkopuolelle. CDN-palveluissa, kuten Cloudflare, poista Rocket Loader käytöstä niillä sivuilla, joilla banneri latautuu.
- Banneri ei näy. Tarkista Domain Group ID, poista adblocker testissä ja tyhjennä välimuisti.
- Tagit laukeavat ilman suostumusta. Varmista, että automaattinen estäminen ja Consent Mode v2 ovat päällä, ja ettei GTM ohita suostumuksia omilla säännöillään.
- Sivunopeus heikkenee. Käytä vain tarvittavia kategorioita, vältä ylimääräisiä upotuksia ja tarkista PageSpeed Insightsin ja Lighthousen raportit.
Rakentajateemoissa ja sivunrakentajissa, kuten Elementor ja Divi, varmistu, etteivät upotetut lomakkeet tai videot ohita estoa. Lisää tarvittaessa upotuksiin data-attribuutit, jotta ne kuuluvat oikeaan Cookiebot-kategoriaan.
Cookiebot WordPress-sivustolle kuntoon kerralla
Kun tili on luotu, Domain Group ID kytketty ja Consent Mode v2 aktivoitu, Cookiebot huolehtii suostumuksista automaattisesti. Tämä pitää sivuston vaatimustenmukaisena ja säilyttää mittauksen laadun myös silloin, kun käyttäjä rajoittaa evästeitä.
Käy asetukset läpi muutosten jälkeen, tarkista skannausraportit säännöllisesti ja pidä bannerin tekstit ajantasaisina. Näillä askelilla Cookiebot on WordPress-sivustollasi paitsi oikein asennettu myös helppo ylläpitää jatkossa.
