TermsFeed Free Cookie Consent (nieuwste versie 4.2) is een gratis, open-source, op JavaScript gebaseerde oplossing voor cookiebeheer die websites helpt te voldoen aan de EU-cookierichtlijn, de AVG en de e-privacyrichtlijn.

TermsFeed Free Cookie Consent biedt een aanpasbare meldingsbanner en een voorkeurscentrum waarmee gebruikers kunnen bepalen welke cookies en scripts op uw website worden uitgevoerd.

  • 100% gratis. Geen verborgen kosten of premium-abonnementen.
  • Voldoet aan de AVG en e-privacyrichtlijn. Ontwikkeld om te voldoen aan de EU-privacyvereisten.
  • Ondersteuning voor Google Consent Mode V2. Naadloos geïntegreerd met de toestemmingsvereisten van Google.
  • Microsoft UET-toestemmingsmodus. Compatibel met de toestemmingsnormen van Microsoft Advertising.
  • Blokkering van scripts. Het voorkomt dat scripts worden geladen totdat toestemming is verleend.
  • Aanpasbaar ontwerp. Kies uit meerdere bannertypes en kleurenpaletten; aanvullende aangepaste CSS kan worden toegepast.
  • Ondersteuning voor meerdere talen. Beschikbaar in meerdere talen.
  • Callbacks beschikbaar. Uitgebreide API voor aangepaste integraties.

Voor wie is een oplossing voor cookietoestemming bedoeld?

U hebt een oplossing voor cookietoestemming nodig als:

  • U Google Analytics of vergelijkbare analyse- of trackingtools gebruikt
  • U widgets voor sociale media hebt ingebed
  • U advertentiepixels gebruikt (Facebook, LinkedIn, enz.)
  • Uw website cookies opslaat of ophaalt die verder gaan dan strikt noodzakelijke cookies (bijv. inloggen, authenticatie)
  • U bezoekers uit de EU/EER-regio heeft

Hoe het werkt

  1. Weergave van de banner: Wanneer gebruikers uw website voor het eerst bezoeken, zien ze een banner voor toestemming voor cookies.
  2. Keuze van de gebruiker: Gebruikers kunnen alles accepteren, alles weigeren of hun voorkeuren aanpassen.
  3. Scriptbeheer: op basis van de toestemming van de gebruiker worden getagde scripts geladen of geblokkeerd.
  4. Opslag van voorkeuren: Gebruikersvoorkeuren worden in een cookie opgeslagen voor toekomstige bezoeken.
  5. Voorkeurencentrum: Gebruikers kunnen hun voorkeuren op elk moment wijzigen.

Soorten toestemming

TermsFeed Cookie Consent ondersteunt 2 toestemmingsmodi:

Impliciete toestemming

  • Alle scripts worden onmiddellijk geladen wanneer de pagina wordt geladen.
  • Gaat uit van toestemming door verder te browsen.
  • Minder in overeenstemming met de AVG.
  • Alleen gebruiken voor niet-EU-doelgroepen.
 TermsFeed Cookie Consent banner - implied consent example

Uitdrukkelijke toestemming (aanbevolen)

  • Scripts worden geblokkeerd totdat gebruikers expliciet akkoord gaan.
  • Standaard worden alleen "strikt noodzakelijke" scripts geladen.
  • Aanpak die voldoet aan de AVG.
  • Vereist actieve toestemming van de gebruiker.
 TermsFeed Cookie Consent banner - express consent example

Cookiecategorieën

Scripts zijn onderverdeeld in 4 categorieën:

  1. Strikt noodzakelijk. Essentieel voor de functionaliteit van de website (altijd toegestaan).
  2. Functionaliteit. Verbetering van de gebruikerservaring (bijv. taalvoorkeuren).
  3. Tracking. Analyse en prestatiemeting (bijv. Google Analytics).
  4. Targeting. Marketing en reclame (bijv. Facebook Pixel).

Snelstartgids

Zet TermsFeed Cookie Consent in 5 eenvoudige stappen op uw website in.

Voeg het JavaScript-bestand van Cookie Consent toe aan uw website.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Stap 2: Voeg de configuratiecode toe

Voeg het configuratiescript direct na het Cookie Consent-script toe:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Stap 3: Voeg de credits-regel toe (verplicht)

Voeg de noscript-credits-tag toe (vereist door onze licentie):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Stap 4: Voeg de knop 'Wijzig uw voorkeuren' toe

Maak een knop of link waarop gebruikers kunnen klikken om hun voorkeuren te wijzigen:

<button id="changePreferences">Change Cookie Preferences</button>

De ID moet overeenkomen met de open_preferences_center_selector in uw configuratie.

Stap 5: Voorzie de scripts van uw externe leveranciers van tags

Pas bestaande scripts aan om de toestemming van de gebruiker te respecteren door:

  1. type="text/javascript" te wijzigen in type="text/plain"
  2. Het attribuut data-cookie-consent="CATEGORY" toe te voegen

Voorbeeld: Google Analytics

Voor:

<script type="text/javascript">
  // Google Analytics code
</script>

Na:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Volledig voorbeeld

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Uw implementatie testen

  1. Wis de cookies van uw browser voor uw website.
  2. Laad de pagina opnieuw. U zou de toestemmingsbanner moeten zien.
  3. Controleer de ontwikkelaarsconsole van uw browser op eventuele fouten.
  4. Test de functionaliteit voor het blokkeren van scripts:
    1. Vóór acceptatie: scripts met tags mogen NIET worden geladen
    2. Na acceptatie: gemarkeerde scripts moeten worden geladen
  5. Test de knop 'Uw voorkeuren wijzigen': Klik op de knop om te controleren of het Voorkeurencentrum wordt geopend.
  • Vergeten het scripttype te wijzigen in text/plain
  • Het attribuut data-cookie-consent ontbreekt
  • page_load_consent_levels niet opnemen met alleen "strikt noodzakelijk"
  • De knop-ID komt niet overeen met open_preferences_center_selector
  • De vereiste credits noscript-tag verwijderen