TermsFeed Free Cookie Consent (aktuelle Version 4.2) ist eine kostenlose, quelloffene, JavaScript-basierte Lösung zur Cookie-Verwaltung, die Websites dabei unterstützt, die EU-Cookie-Richtlinie, die DSGVO und die ePrivacy-Richtlinie einzuhalten.

TermsFeed Free Cookie Consent bietet ein anpassbares Hinweisbanner und ein Einstellungscenter, über das Nutzer steuern können, welche Cookies und Skripte auf Ihrer Website ausgeführt werden.

  • 100 % kostenlos. Keine versteckten Kosten oder Premium-Stufen.
  • DSGVO- und ePrivacy-konform. Entwickelt, um die Datenschutzanforderungen der EU zu erfüllen.
  • Unterstützung für den Google Consent Mode V2. Nahtlose Integration mit den Einwilligungsanforderungen von Google.
  • Microsoft UET-Einwilligungsmodus. Kompatibel mit den Einwilligungsstandards von Microsoft Advertising.
  • Skriptblockierung. Verhindert das Laden von Skripten, bis die Einwilligung erteilt wurde.
  • Anpassbares Design. Wählen Sie aus verschiedenen Bannertypen und Farbpaletten; zusätzliches benutzerdefiniertes CSS kann angewendet werden.
  • Mehrsprachige Unterstützung. In mehreren Sprachen verfügbar.
  • Callbacks verfügbar. Umfangreiche API für benutzerdefinierte Integrationen.

Sie benötigen eine Cookie-Einwilligungslösung, wenn:

  • Sie Google Analytics oder ähnliche Analyse- oder Tracking-Tools verwenden
  • Sie Social-Media-Widgets eingebettet haben
  • Sie Werbe-Pixel (Facebook, LinkedIn usw.) verwenden
  • Ihre Website Cookies speichert oder abruft, die über die unbedingt notwendigen hinausgehen (z. B. Login, Authentifizierung)
  • Sie Besucher aus der EU/dem EWR haben

So funktioniert es

  1. Anzeige des Banners: Wenn Nutzer Ihre Website zum ersten Mal besuchen, wird ihnen ein Banner zur Einwilligung in die Verwendung von Cookies angezeigt.
  2. Benutzerauswahl: Benutzer können alle akzeptieren, alle ablehnen oder ihre Einstellungen anpassen.
  3. Skriptverwaltung: Basierend auf der Zustimmung des Nutzers werden markierte Skripte geladen oder blockiert.
  4. Speicherung der Einstellungen: Die Einstellungen der Nutzer werden in einem Cookie für zukünftige Besuche gespeichert.
  5. Einstellungscenter: Nutzer können ihre Einstellungen jederzeit ändern.

Einwilligungsarten

TermsFeed Cookie Consent unterstützt 2 Einwilligungsmodi:

Implizite Einwilligung

  • Alle Skripte werden sofort beim Laden der Seite geladen.
  • Die Zustimmung wird durch das weitere Surfen auf der Seite vorausgesetzt.
  • Weniger konform mit der DSGVO.
  • Nur für Zielgruppen außerhalb der EU verwenden.
 TermsFeed Cookie Consent banner - implied consent example

Ausdrückliche Einwilligung (empfohlen)

  • Skripte werden blockiert, bis Nutzer ausdrücklich zustimmen.
  • Standardmäßig werden nur „unbedingt notwendige“ Skripte geladen.
  • DSGVO-konformer Ansatz.
  • Erfordert die aktive Zustimmung des Nutzers.
 TermsFeed Cookie Consent banner - express consent example

Skripte sind in 4 Kategorien unterteilt:

  1. Unbedingt erforderlich. Unverzichtbar für die Funktionalität der Website (immer zulässig).
  2. Funktionalität. Verbessern die Benutzererfahrung (z. B. Spracheinstellungen).
  3. Tracking. Analyse und Leistungsmessung (z. B. Google Analytics).
  4. Targeting. Marketing und Werbung (z. B. Facebook Pixel).

Schnellstartanleitung

Richten Sie TermsFeed Cookie Consent in 5 einfachen Schritten auf Ihrer Website ein.

Fügen Sie die JavaScript-Datei für die Cookie-Einwilligung zu Ihrer Website hinzu.

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

Schritt 2: Fügen Sie den Konfigurationscode hinzu

Fügen Sie das Konfigurationsskript unmittelbar nach dem Cookie-Einwilligungsskript ein:

<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>

Schritt 3: Fügen Sie die Credits-Zeile hinzu (erforderlich)

Fügen Sie das Noscript-Impressum-Tag ein (gemäß unserer Lizenz erforderlich):

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

Schritt 4: Fügen Sie die Schaltfläche „Einstellungen ändern“ hinzu

Erstellen Sie eine Schaltfläche oder einen Link, auf den Benutzer klicken können, um ihre Einstellungen zu ändern:

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

Die ID muss mit dem open_preferences_center_selector in Ihrer Konfiguration übereinstimmen.

Schritt 5: Fügen Sie Tags zu den Skripten Ihrer Drittanbieter hinzu

Passen Sie vorhandene Skripte an, um die Einwilligung der Nutzer zu berücksichtigen, indem Sie:

  1. Ändern Sie type="text/javascript" in type="text/plain"
  2. das Attribut data-cookie-consent="CATEGORY" hinzufügen

Beispiel: Google Analytics

Vorher:

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

Nachher:

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

Vollständiges Beispiel

<!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>

Testen Ihrer Implementierung

  1. Löschen Sie die Cookies Ihres Browsers für diese Website.
  2. Laden Sie die Seite neu. Sie sollten nun das Einwilligungsbanner sehen.
  3. Überprüfen Sie die Entwicklerkonsole Ihres Browsers auf Fehler.
  4. Testen Sie die Skriptblockierungsfunktion:
    1. Vor der Zustimmung: Markierte Skripte sollten NICHT geladen werden
    2. Nach der Zustimmung: Markierte Skripte sollten geladen werden
  5. Testen Sie die Schaltfläche „Einstellungen ändern“: Klicken Sie auf die Schaltfläche, um zu überprüfen, ob sich das Einstellungscenter öffnet.
  • Vergessen, den Skripttyp auf text/plain zu ändern
  • Das Attribut data-cookie-consent fehlt
  • page_load_consent_levels nicht mit nur „strictly-necessary“ einbinden
  • Die Schaltflächen-ID stimmt nicht mit open_preferences_center_selector überein
  • Entfernen des erforderlichen noscript-Tags für die Credits