Cookieconsent – Simpele en gratis tool om cookietoestemming te vragen

cookiecontent balk
Cookiewet – toestemming vragen

Heb ik dan eindelijk de perfecte cookietool gevonden? Nadat ik enkele tools geprobeerd heb werk ik nu met Cookieconsent van Silktide. En ik moet zeggen, ik ben zeer tevreden.

Wat me opvalt is de volledigheid van deze tool terwijl het toch gratis te downloaden is. Het gaat de bouwer waarschijnlijk om de extra aandacht voor hun andere producten, zoals het ook zeer handige sitebeam.net.

Het is open source zodat jij of je webbouwer aanpassingen kan maken bij het installeren. Overigens kun je al heel veel instellingen aanpassen zonder de code in te gaan.

Voor degenen die nog op zoek zijn naar een cookietool zal ik hieronder verder schrijven over de voordelen en flexibiliteit van deze tool.

Voordelen Cookieconsent

Er zijn een aantal elementen van Cookieconsent die ik heel sterk vind:

  • De bezoeker kan per soort cookie toestemming geven: social media, analytics, etc.
  • Je kan kiezen of je het systeem instelt op opt-in of opt-out en dit later ook weer makkelijk aanpassen.
  • Alle teksten zijn aan te passen en dus vertaalbaar naar het Nederlands.
  • De interface om de code te downloaden is simpel.
  • Het is gratis.
  • Het is open source
  • Implementatie voor een aantal veelgebruikte programma’s is simpel.
  • Als de bezoeker geen toestemming geeft kun je alternatieve inhoud laten zien.
  • De bezoeker kan aangeven dat hij voor meerdere websites toestemming geeft.
  • Elke nieuwe bezoeker krijgt de vraag of hij/zij cookies accepteert. Je kan die vraag eenmalig stellen of net zolang totdat je antwoord hebt.
  • Bezoekers kunnen gedurende hun bezoek hun instellingen weer makkelijk aanpassen.

Er zijn natuurlijk ook een aantal nadelen:

Ik blijf het een praktisch vervelende wet vinden

Ik vind het niet perfect samenwerken met Google Adsense. Het werkt wel maar de laadtijd van de advertenties wordt langzamer. Op een van mijn andere site heb ik dit overigens wel kunnen oplossen met een stukje programmeren.

Ook vind ik de cookievraag nogal groot van formaat op smartphones, maar dat geldt denk ik voor de meeste cookie applicaties.

En wat ook niet verandert is de beperkingen van de cookiewet. Ik blijf het een praktisch vervelende wet vinden. Maar goed, ik roei met de riemen die ik heb. En binnen de mogelijkheden vind ik Cookieconsent erg prettig werken.

Hoe installeer je Cookieconsent

Om deze tool te gebruiken moet je html op je website aanpassen. Als je dat niet wilt, kunt of mag zul je bij je webbouwer moeten aankloppen of iemand inhuren.

Het inbouwen bestaat eigenlijk uit 4 stappen:

  1. Bepalen welke cookies er via of door jouw website worden gebruikt.
    Lees ook: Kipsi.nl – Cookiewet toepassen in de praktijk
  2. Via de website van Cookieconsent (door Silktide) configureer je de tool waarna je de HTML code kan copy/pasten.
  3. Zet de HTML code op je website. De tools is nu actief en vraagt als het goed is de bezoekers om toestemming.
  4. Een lastige laatste stap: pas de code op je website zo aan dat de cookietool bepaalde applicaties kan aan- en uitzetten.

Voor stap 4 is er gelukkig wel hulp. Op de website van Cookieconsent vind je handige voorbeelden die je kunnen helpen. Zo is het voor de volgende veel gebruikte programma’s super makkelijk om de aanpassingen te maken:

  • Google Analytics
  • Woopra
  • Google Adsense
  • Disqus
  • Facebook button en like box
  • Add this
  • Twitter share a link button
  • Twitter widget

Heel belangrijk om te realiseren bij het testen is dat deze tool geen cookies verwijderd. Stel je voor dat een bezoeker toestemming geeft voor cookies, dan worden de cookies gezet. Als de toestemming later wordt ingetrokken dan worden bij de juiste instellingen de cookies niet meer gebruikt. De cookies blijven echter wel op de computer van de bezoeker staan. Je kan de bezoeker natuurlijk wel helpen met een link naar informatie hoe zij de cookies zelf kunnen verwijderen.

Zelf aan de slag

Je kan de code downloaden op de volgende website:

Silktide.com – Get the Code

Bekijk hieronder het filmpje met de installatieinstructies. Onder het filmpje heb ik nog enkele handige tips en instellingen voor degenen die deze tool zelf implementeren op hun website.

Enkele handige instellingen

Ik heb de tool zelf geinstalleerd en kwam langs enkele handige instellingen.

Placeholder content

Ik gebruik de tool onder andere om sociale media buttons te laten zien. Als mensen echter de cookies niet accepteren dan blijft de ruimte leeg. Daarom heb ik speciale content ingesteld die getoond wordt als iemand cookies weigert. Ik geef aan dat de social media buttons niet werken vanwege de cookie weigering en vraag de bezoekers of ze alsnog toestemming willen geven.;

Alternatieve nocookie tekst laten zien:

<div class=”cc-placeholder-social”>
Om de social media buttons te zien is het nodig dat je toestemming geeft om cookies te plaatsen.
<a href=”#” class=”cc-button-enableall”>
Wijzig je instelling en geef toestemming aan cookies voor social media.
</a>
</div>

De truuk zit in de toevoeging van de class “cc-placeholder-social”. Deze tekst wordt getoond als je geen toestemming voor de social cookies geeft. Voor advertising is de class “cc-placeholder-advertising” en voor analytics “cc-placeholder-analytics”.

Silktide.com – Placeholder content

Tekstlink naar de privacy settings

Cookieconsent ondersteunt een tabje waarmee een bezoeker later zijn instellingen kan aanpassen. Je kan echter ook een gewone tekstlink in je website verwerken die de privacy settings oproept.

Tekstlink naar de privacy settings:

<a href=”#” class=”cc-privacy-link”>

privacyTabje met privacy settings verbergen

Als je een eigen tekstlink maakt naar de privacy settings zou je kunnen overwegen om het tabje met privacy settings te verwijderen. Dat kan met de volgende instelling die je moet toevoegen aan de Cookieconsent code snippet.

Tabje "privacy instellingen" verbergen:

Settings: {
hideprivacysettingstab: true
}

Meer van dit soort settings vind je in de API documentatie.

Silktide.com – API reference

Nederlandse vertaling

De standaard opzet van deze tool is in het engels. Je kan de teksten aanpassen in het configuratiescherm. Als je dat doet dan komen de vertaalde teksten terecht in de code snippet voor deze tool. En daar zou je ze ook rechtstreeks kunnen aanpassen. Daarmee heb je een super handige methode om een Nederlandse vertaling te gebruiken.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.