Werkzeug · kostenlos · ohne Anmeldung

Einen Cookie-Banner erstellen.

Gestalten Sie in Minuten einen DSGVO-konform aufgebauten Cookie-Banner — mit gleichwertiger Ablehnen-Option und fertigem Code zum Einbauen. Keine Anmeldung, keine Kosten.

Sprache

Überschrift

Beschreibung

Datenschutz-Link

Impressum-Link

Position

Theme

Akzentfarbe

Consent-Version

Kategorie-Texte

Cookies dieser Kategorie (für Löschung beim Widerruf & Cookie-Tabelle)

„Akzeptieren“-Text

„Ablehnen“-Text

Tracking & WiderrufGoogle Consent Mode v2 aktivierenStatistik → analytics_storage · Marketing → ad_storage, ad_user_data, ad_personalization. Erzeugt einen separaten <head>-Block (siehe Export).Seite bei Widerruf neu ladenStellt sicher, dass bereits geladene Tracking-Skripte stoppen, nachdem ihre Cookies gelöscht wurden.

Backlink „erstellt mit ScanCompliance.de“ anzeigen

Live-Vorschau

Rechtlicher Hinweis: Hinweis: Dieser Cookie-Banner und die generierte Cookie-Tabelle sind ein technisches Hilfsmittel und stellen keine Rechtsberatung dar. Für die Richtigkeit, Vollständigkeit und Rechtskonformität wird keine Gewähr übernommen — weder zum jetzigen Zeitpunkt noch zu einem späteren, an dem sich Gesetzeslage, Rechtsprechung oder Behördenpraxis geändert haben können. Die korrekte Konfiguration (eingesetzte Cookies, Zwecke, Rechtsgrundlagen) sowie die Pflege der Datenschutzerklärung liegen in der alleinigen Verantwortung des Website-Betreibers. Im Zweifel ist fachkundiger Rechtsrat einzuholen.

Banner-Code (vor </body>)

<!-- Cookie-Banner erstellt mit ScanCompliance.de -->
<!-- Hinweis: Dieser Cookie-Banner und die generierte Cookie-Tabelle sind ein technisches Hilfsmittel und stellen keine Rechtsberatung dar. Für die Richtigkeit, Vollständigkeit und Rechtskonformität wird keine Gewähr übernommen — weder zum jetzigen Zeitpunkt noch zu einem späteren, an dem sich Gesetzeslage, Rechtsprechung oder Behördenpraxis geändert haben können. Die korrekte Konfiguration (eingesetzte Cookies, Zwecke, Rechtsgrundlagen) sowie die Pflege der Datenschutzerklärung liegen in der alleinigen Verantwortung des Website-Betreibers. Im Zweifel ist fachkundiger Rechtsrat einzuholen. -->
<style id="sc-cc-styles">.sc-cc{position:fixed;z-index:2147483647;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#1f2937;background:#fff;border:1px solid #e5e7eb;box-shadow:0 -2px 24px rgba(0,0,0,.12);padding:20px}
.sc-cc *,.sc-cc *::before,.sc-cc *::after{box-sizing:border-box}
.sc-cc--bar{left:0;right:0;bottom:0;border-left:0;border-right:0;border-bottom:0}
.sc-cc--corner{right:20px;bottom:20px;max-width:380px;border-radius:12px}
.sc-cc--box{left:50%;top:50%;transform:translate(-50%,-50%);max-width:520px;width:calc(100% - 32px);border-radius:12px}
.sc-cc__overlay{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.4)}
.sc-cc--dark{background:#111827;color:#f3f4f6;border-color:#374151}
.sc-cc__h{margin:0 0 8px;font-size:16px;font-weight:700}
.sc-cc__desc{margin:0 0 12px}
.sc-cc__links{margin:0 0 12px;font-size:12px}
.sc-cc__links a{color:#2563eb;text-decoration:underline}
.sc-cc__cats{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.sc-cc__cat{display:flex;align-items:flex-start;gap:10px}
.sc-cc__cat input{margin-top:3px}
.sc-cc__cat-label{font-weight:600}
.sc-cc__cat-desc{font-size:12px;opacity:.8}
.sc-cc__actions{display:flex;flex-wrap:wrap;gap:10px}
.sc-cc__btn{flex:1 1 auto;min-width:120px;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;border:1px solid #2563eb;background:#fff;color:#2563eb}
.sc-cc__btn--primary{background:#2563eb;color:#fff}
.sc-cc__btn:focus-visible,.sc-cc__reopen:focus-visible,.sc-cc__links a:focus-visible,.sc-cc__cat input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.sc-cc--dark .sc-cc__btn{background:#1f2937;color:#f3f4f6;border-color:#2563eb}
.sc-cc--dark .sc-cc__btn--primary{background:#2563eb;color:#fff}
.sc-cc__backlink{display:block;margin-top:12px;font-size:11px;opacity:.7;text-align:center}
.sc-cc__backlink a{color:inherit;text-decoration:none}
.sc-cc__export{display:block;margin-top:10px;background:none;border:0;padding:0;font-size:11px;color:#2563eb;text-decoration:underline;cursor:pointer;opacity:.8}
.sc-cc__reopen{position:fixed;left:16px;bottom:16px;z-index:2147483645;cursor:pointer;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.sc-cc[hidden],.sc-cc__overlay[hidden],.sc-cc__reopen[hidden]{display:none}</style>
<div id="sc-cc" class="sc-cc sc-cc--bar sc-cc--light" role="dialog" aria-label="Wir verwenden Cookies" hidden>
  <p class="sc-cc__h">Wir verwenden Cookies</p>
  <p class="sc-cc__desc">Wir nutzen Cookies und ähnliche Technologien. Notwendige Cookies sind für den Betrieb der Website erforderlich. Statistik- und Marketing-Cookies setzen wir nur mit Ihrer Einwilligung ein — Sie entscheiden selbst.</p>
  <p class="sc-cc__links"><a href="/datenschutz">Datenschutz</a> &middot; <a href="/impressum">Impressum</a></p>
  <div class="sc-cc__cats">
    <label class="sc-cc__cat">
      <input type="checkbox" id="sc-cc-cat-notwendig" checked disabled />
      <span>
        <span class="sc-cc__cat-label">Notwendig</span>
        <span class="sc-cc__cat-desc">Für den Betrieb der Website technisch erforderlich (z. B. Sicherheit, Spracheinstellung). Immer aktiv.</span>
      </span>
    </label>
    <label class="sc-cc__cat">
      <input type="checkbox" id="sc-cc-cat-statistik" />
      <span>
        <span class="sc-cc__cat-label">Statistik</span>
        <span class="sc-cc__cat-desc">Statistik-Cookies helfen uns zu verstehen, wie Besucher die Website nutzen (z. B. besuchte Seiten, Verweildauer). Die Auswertung erfolgt pseudonymisiert.</span>
      </span>
    </label>
    <label class="sc-cc__cat">
      <input type="checkbox" id="sc-cc-cat-marketing" />
      <span>
        <span class="sc-cc__cat-label">Marketing</span>
        <span class="sc-cc__cat-desc">Marketing-Cookies werden verwendet, um Ihnen personalisierte Werbung anzuzeigen und die Wirksamkeit von Kampagnen zu messen.</span>
      </span>
    </label>
  </div>
  <div class="sc-cc__actions">
    <button type="button" id="sc-cc-reject" class="sc-cc__btn sc-cc__btn--primary">Alle ablehnen</button>
    <button type="button" id="sc-cc-save" class="sc-cc__btn">Auswahl speichern</button>
    <button type="button" id="sc-cc-accept" class="sc-cc__btn sc-cc__btn--primary">Alle akzeptieren</button>
  </div>
  <button type="button" id="sc-cc-export" class="sc-cc__export">Einwilligung als JSON exportieren</button>
  <span class="sc-cc__backlink">🍪 <a href="https://scancompliance.de/tools/cookie-banner" target="_blank" rel="noopener">erstellt mit ScanCompliance.de</a></span>
</div>
<button type="button" id="sc-cc-reopen" class="sc-cc__reopen" hidden>Cookie-Einstellungen</button>
<script>(function(){
  var CONFIG = {"version":"1","textHash":"886c90b6","categories":["notwendig","statistik","marketing"],"cookies":{},"consentMode":null,"reload":true};
  var KEY = 'sc_cc_consent';
  var root = document.getElementById('sc-cc');
  var overlay = document.getElementById('sc-cc-overlay');
  var reopen = document.getElementById('sc-cc-reopen');
  if(!root) return;

  function uuid(){
    try{ if(window.crypto && window.crypto.randomUUID) return window.crypto.randomUUID(); }catch(e){}
    return 'cid-' + Date.now().toString(36) + '-' + Math.floor(Math.random()*1e9).toString(36);
  }
  function read(){
    try{ var s = JSON.parse(localStorage.getItem(KEY)); return s && typeof s === 'object' ? s : null; }catch(e){ return null; }
  }
  function reprompt(s){ return !s || s.version !== CONFIG.version || (CONFIG.textHash && s.textHash && s.textHash !== CONFIG.textHash); }
  function defaults(){
    var cats = {}; CONFIG.categories.forEach(function(k){ cats[k] = (k === 'notwendig'); }); return cats;
  }

  function consentMode(cats){
    if(!CONFIG.consentMode || !window.gtag) return;
    var upd = {};
    for(var cat in CONFIG.consentMode){
      if(!CONFIG.consentMode.hasOwnProperty(cat)) continue;
      var signals = CONFIG.consentMode[cat];
      for(var i=0;i<signals.length;i++){ upd[signals[i]] = cats[cat] ? 'granted' : 'denied'; }
    }
    try{ window.gtag('consent','update',upd); }catch(e){}
  }

  function delCookie(name, prefix){
    var all = document.cookie ? document.cookie.split(';') : [];
    var names = [];
    if(prefix){
      for(var i=0;i<all.length;i++){ var nm = all[i].split('=')[0].trim(); if(nm.indexOf(name)===0) names.push(nm); }
    } else { names.push(name); }
    var host = location.hostname;
    var domains = ['', host, '.'+host];
    var parts = host.split('.');
    if(parts.length>2){ domains.push('.'+parts.slice(-2).join('.')); }
    for(var j=0;j<names.length;j++){
      for(var d=0;d<domains.length;d++){
        var base = names[j]+'=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
        document.cookie = domains[d] ? base+'; domain='+domains[d] : base;
      }
    }
  }
  function purge(prev, next){
    var downgraded = false;
    if(!CONFIG.cookies) return false;
    for(var cat in CONFIG.cookies){
      if(!CONFIG.cookies.hasOwnProperty(cat)) continue;
      var was = prev ? !!prev[cat] : false;
      var now = !!next[cat];
      if(was && !now){
        downgraded = true;
        var specs = CONFIG.cookies[cat];
        for(var i=0;i<specs.length;i++){ delCookie(specs[i].n, specs[i].p); }
      }
    }
    return downgraded;
  }

  function emit(cats, id, ts){
    try{ window.dispatchEvent(new CustomEvent('sc-cc:consentchange',{detail:{categories:cats,id:id,timestamp:ts}})); }catch(e){}
  }

  function apply(cats){
    var nodes = document.querySelectorAll('script[type="text/plain"][data-consent]');
    nodes.forEach(function(node){
      var cat = node.getAttribute('data-consent');
      if(cats[cat] && !node.dataset.scActivated){
        var s = document.createElement('script');
        for(var i=0;i<node.attributes.length;i++){ var a = node.attributes[i]; if(a.name!=='type') s.setAttribute(a.name,a.value); }
        s.type = 'text/javascript';
        if(node.textContent) s.textContent = node.textContent;
        node.dataset.scActivated = '1';
        if(node.parentNode) node.parentNode.replaceChild(s, node);
      }
    });
  }

  function save(cats, method){
    var prev = read();
    var prevCats = prev && prev.categories ? prev.categories : null;
    var id = (prev && prev.id) ? prev.id : uuid();
    var ts = Date.now();
    var state = { id:id, version:CONFIG.version, textHash:CONFIG.textHash, timestamp:ts, method:method, categories:cats };
    try{ localStorage.setItem(KEY, JSON.stringify(state)); }catch(e){}
    consentMode(cats);
    apply(cats);
    var downgraded = purge(prevCats, cats);
    emit(cats, id, ts);
    if(downgraded && CONFIG.reload){ location.reload(); return; }
    hide(); showReopen();
  }

  function show(){ root.hidden=false; if(overlay) overlay.hidden=false; }
  function hide(){ root.hidden=true; if(overlay) overlay.hidden=true; }
  function showReopen(){ if(reopen) reopen.hidden=false; }

  function readToggles(){
    var cats = defaults();
    CONFIG.categories.forEach(function(k){
      var el = document.getElementById('sc-cc-cat-'+k);
      if(el) cats[k] = el.checked;
      if(k==='notwendig') cats[k]=true;
    });
    return cats;
  }
  function setToggles(cats){
    CONFIG.categories.forEach(function(k){ var el = document.getElementById('sc-cc-cat-'+k); if(el) el.checked = !!cats[k]; });
  }

  window.scCookieConsent = {
    get: function(){ return read(); },
    open: function(){ var s=read(); setToggles(s?s.categories:defaults()); show(); },
    export: function(){
      var s = read(); if(!s) return;
      try{
        var blob = new Blob([JSON.stringify(s,null,2)],{type:'application/json'});
        var url = URL.createObjectURL(blob);
        var a = document.createElement('a'); a.href=url; a.download='einwilligung-'+(s.id||'consent')+'.json';
        document.body.appendChild(a); a.click(); document.body.removeChild(a);
        setTimeout(function(){ URL.revokeObjectURL(url); }, 0);
      }catch(e){}
    }
  };

  var bAccept = document.getElementById('sc-cc-accept');
  var bReject = document.getElementById('sc-cc-reject');
  var bSave = document.getElementById('sc-cc-save');
  var bExport = document.getElementById('sc-cc-export');
  if(bAccept) bAccept.addEventListener('click', function(){ var c=defaults(); CONFIG.categories.forEach(function(k){c[k]=true;}); save(c,'accept'); });
  if(bReject) bReject.addEventListener('click', function(){ save(defaults(),'reject'); });
  if(bSave) bSave.addEventListener('click', function(){ save(readToggles(),'custom'); });
  if(bExport) bExport.addEventListener('click', function(){ window.scCookieConsent.export(); });
  if(reopen) reopen.addEventListener('click', function(){ var s=read(); setToggles(s?s.categories:defaults()); show(); });

  var stored = read();
  if(reprompt(stored)){ setToggles(defaults()); consentMode(defaults()); show(); }
  else { consentMode(stored.categories); apply(stored.categories); emit(stored.categories, stored.id, stored.timestamp); showReopen(); }
})();</script>
<!-- /Cookie-Banner -->

Cookie-Tabelle für die Datenschutzerklärung

Pflegen Sie oben je Kategorie die eingesetzten Cookies — daraus entsteht diese Tabelle (Markdown). Übernehmen Sie sie in Ihre Datenschutzerklärung.

> Hinweis: Dieser Cookie-Banner und die generierte Cookie-Tabelle sind ein technisches Hilfsmittel und stellen keine Rechtsberatung dar. Für die Richtigkeit, Vollständigkeit und Rechtskonformität wird keine Gewähr übernommen — weder zum jetzigen Zeitpunkt noch zu einem späteren, an dem sich Gesetzeslage, Rechtsprechung oder Behördenpraxis geändert haben können. Die korrekte Konfiguration (eingesetzte Cookies, Zwecke, Rechtsgrundlagen) sowie die Pflege der Datenschutzerklärung liegen in der alleinigen Verantwortung des Website-Betreibers. Im Zweifel ist fachkundiger Rechtsrat einzuholen.

| Name | Anbieter | Zweck | Speicherdauer | Kategorie | Rechtsgrundlage |
| --- | --- | --- | --- | --- | --- |

So bauen Sie ihn ein:

Banner-Code kopieren und direkt vor </body> einfügen.

Tracking-Scripts so markieren, dass sie erst nach Einwilligung laden — sowohl den Loader als auch den Inline-Konfig-Block:

<script type="text/plain" data-consent="statistik"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>
<script type="text/plain" data-consent="statistik">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('config','G-XXXX');
</script>

Kategorien: statistik oder marketing. Ohne Einwilligung bleibt beides inaktiv.

Optional: auf sc-cc:consentchange lauschen, um eigene Skripte zu steuern: window.addEventListener('sc-cc:consentchange', e => console.log(e.detail)).
Bei Änderungen an Ihren Cookies die Consent-Version erhöhen — Besucher werden dann erneut gefragt.

Hinweis: Dieses Werkzeug ist ein Hilfsmittel und ersetzt keine Rechtsberatung. Die DSGVO-Konformität hängt auch von der korrekten Einbindung auf Ihrer Website ab.

Worauf es ankommt

Cookie-Banner DSGVO-konform erstellen.

Seit Inkrafttreten der DSGVO und der ePrivacy-Richtlinie ist ein Cookie-Banner auf nahezu jeder Website Pflicht, sobald nicht zwingend notwendige Cookies oder Tracking eingesetzt werden. Entscheidend ist dabei nicht das bloße Vorhandensein eines Banners, sondern dass er dem Nutzer eine echte, gleichwertige Wahl lässt.

Ein DSGVO-konform gestalteter Cookie-Banner stellt die Option, alle nicht notwendigen Cookies abzulehnen, genauso prominent dar wie die Zustimmung. Ein großer „Alle akzeptieren“-Button neben einem versteckten „Einstellungen“-Link genügt nach aktueller Rechtsprechung nicht. Unser Generator erzeugt deshalb standardmäßig gleichwertige Buttons.

Was sind Dark Patterns bei Cookie-Bannern?

Dark Patterns sind Designtricks, die Nutzer zu mehr Datenpreisgabe verleiten – etwa farblich hervorgehobene „Akzeptieren“-Buttons oder versteckte Ablehn-Optionen. Die europäischen Datenschutzbehörden haben klargestellt, dass solche Praktiken gegen die DSGVO verstoßen. Ein sauber erstellter Banner verzichtet bewusst darauf.

Tracking erst nach Einwilligung

Vor der Einwilligung dürfen keine nicht notwendigen Cookies gesetzt werden – das betrifft besonders Google Analytics, Meta Pixel und ähnliche Dienste. Der generierte Banner setzt dies über Script-Gating um: Sie markieren Ihre Tracking-Scripts mit einem Attribut, und sie werden erst nach Zustimmung der jeweiligen Kategorie aktiviert.

Mit unserem kostenlosen Generator erstellen Sie einen solchen Banner in wenigen Minuten – und mit dem vollständigen Website-Scan prüfen Sie anschließend, ob auch der Rest Ihrer Seite den Anforderungen entspricht.

Der nächste Schritt

Prüfen Sie Ihre ganze Website.

Der Cookie-Banner ist nur ein Aspekt. Unser vollständiger Scan prüft über 40 weitere Punkte – Impressum, Datenschutzerklärung, Google Fonts, SSL und mehr.

Vollständigen Scan starten →