Iframe evästesuostumus ja Cookiebot: Esimerkkinä YouTube

Tämä sisältö on piilotettu evästeasetustesi mukaisesti. Hyväksy markkinoinnin evästeet nähdäksesi sisällön.

Kolmannen osapuolen Iframe-koodin kautta tuodut sisällöt, kuten YouTube, saattavat asentaa käyttäjän laitteelle evästeitä, johon tarvitset käyttäjältä luvan.

Tässä artikkelissa käymme läpi miten varmistat että kolmannen osapuolen evästeet eivät lataudu käyttäjän laitteelle ilman lupaa. Esimerkkinä käytämme YouTube-videoita.

Tämä ohje on suunniteltu sivustoille, jotka käyttävät Cookiebot by Usermetrics -evästesuostumusta. Ohjeen pohjana on käytetty Cookiebotin omaa ohjetta.

Jotta vältyt kolmannen osapuolen evästeiden asentumiselta, sinun tulee kieltää videon lataaminen ennen kuin käyttäjä on antanut suostumuksensa.

Iframen lataamisen evääminen tapahtuu vaihtamalla src-attribuutti data-cookieblock-src attribuutiksi. Tämän lisäksi sinun tulee lisätä attribuutti data-cookieconsent, johon lisätään suostumuksen taso. Suostumuksen tasoja ovat ‘preferences’ (mieltymykset), ’statistics’ (tilastot) sekä ’marketing’ (markkinointi).

Kun olet asettanut iframeen uudet attribuutit, tarkistaa Cookiebot automaattisesti onko käyttäjä antanut oikean suostumuksen videon lataamiseen.

Jos Cookiebotin asetuksissasi on käytössä ‘auto blocking’, estää Cookiebot automaattisesti iframen toiminnan ilman käyttäjän suostumusta.

Tässä on esimerkki YouTuben videon iframesta ilman attribuutteja:

<iframe src="https://www.youtube.com/embed/xxxxxxxxxxx" frameborder="0" allowfullscreen=""></iframe>

Kun iframen koodiin lisätään suostumuksen tarkistaminen, näyttää koodi seuraavalta:

<iframe
    data-cookieblock-src="https://www.youtube.com/embed/xxxxxxxxxxx"
    data-cookieconsent="marketing"
    frameborder="0"
    allowfullscreen
></iframe>

Huomioithan, että jos käyttäjä ei ole antanut suostumusta, ei sivulle lataudu videon tilalle mitään. Seuraavaksi katsotaankin, miten voit lisätä iframen tilalle evästesuostumuskyselyn, jotta käyttäjä voi aktivoida videot ja muut sisällöt näkyviinsä.

Korvaa iframe suostumuskyselyllä jos käyttäjä ei ole suostunut sisällön vaatimiin evästeisiin

Edellisessä vaiheessa lisättiin iframeen attribuutteja, joka evää iframen latautumisen kokonaan sivulle ilman käyttäjän antamaa evästesuostumusta. Nyt sivulle ei ilmesty iframen tilalle mitään.

Halutessasi voit lisätä laatikon, joka pyytää käyttäjää vaihtamaan evästesuostumustaan sisällön näyttämiseksi.

Cookiebotissa on tuki sisällön näyttämiseen ja piilottamiseen evästesuostumuksen perusteella, jota hyödynnetään seuraavaksi. Muista lisätä kyselylaatikko iframen yläpuolelle.

Tässä on koodi yksinkertaisen evästesuostumuskyselyn näyttämiseksi, jos käyttäjä ei ole antanut suostumusta markkinoinnin evästeisiin:

<div class="cookieconsent-optout-marketing" style="border:1px solid #000;padding:1.5rem;">
  Tämä sisältö on piilotettu evästeasetustesi mukaisesti. <a href="javascript:Cookiebot.renew()">Hyväksy markkinoinnin evästeet</a> nähdäksesi sisällön. 
</div>

Koodi näyttää liitetyn iframen tilalla laatikon, jossa on mustat reunukset ja keskellä linkki, joka pyytää käyttäjää vaihtamaan suostumustaan sisällön näkemiseksi.

Videon tilalle ilmestyy kyselylaatikko, joka pyytää käyttäjää hyväksymään evästeet. Tekstin ja linkin ulkoasu noudattaa sivuston teeman asetuksia.

Koodi näyttää liitetyn iframen tilalla laatikon, jossa on mustat reunukset ja keskellä linkki, joka pyytää käyttäjää vaihtamaan suostumustaan sisällön näkemiseksi.

Voit muokata kyselylaatikon ulkonäköä CSS avulla.

Jos tarvitset apua Cookiebotin käytössä, ota yhteyttä antony.smal@frostigon.com.

Liittymällä Frostigonin asiakkaaksi saat alennuksen ja suomenkielisen tuen Cookiebotin käyttöön

Tarjoamme jokaiselle meidän asiakkaalle kiinteä alennuksen Cookiebotin kuukausihinnasta sekä sähköpostituen. Voit olla veloituksetta yhteydessä Cookiebotin päivittäisen käytön ongelmissa. Asennukset, analysoinnit sekä ohjelmointityöt ovat maksullisia — ilmoitamme jos kysymyksesi ei kuulu ilmaiseen tukeen.

Liittyessäsi Cookiebot CMP:ssä meidän asiakkaaksi, Frostigonista tulee sinun lähitukihenkilö Cookiebot CMP:n liittyvissä asioissa. Vastaamme järjestelmän päivittäiseen käyttöön liittyviin kysynyksiin veloituksetta. Saamme asiakkuudestasi komissiota.

Jos sinulla ei ole Cookiebot CMP:tä, voit rekisteröityä palveluun ja liittyä asiakkaaksemme komissio linkistä.

Jos sinulla on jo Cookiebot CMP tili ja haluat liittyä meidän asiakkaaksi, ota yhteyttä sähköpostitse antony.smal@frostigon.com.

Välitä tietoa eteenpäin