DSGVO Cookie Banner anzeigen mit HTML und Javascript

lima-city: Webhosting, Domains und Cloud
0 Pluspunkte 0 Minuspunkte
Wie kann ich ein DSGVO Cookie Banner mit mit einem Einwilligungs button mit Javascript anzeigen? Wenn der Button geklickt wird und die Einwilligung erteilt wird soll der Banner verschwinden und wenn der Besucher iin Zukunft wieder auf die Website kommt soll sie nicht noch einmal angezeigt werden.
von  

1 Antwort

0 Pluspunkte 0 Minuspunkte

In diesem Beispiel wird ein einfacher Cookie-Banner am unteren Rand der Seite angezeigt. Wenn der Benutzer auf den "Ich stimme zu" Button klickt, wird die Zustimmung im localStorage des Browsers gespeichert, und der Banner wird ausgeblendet.

<!DOCTYPE html>
<html>
<head>
  <title>Cookie Banner Beispiel</title>
  <style>
    /* Stil für den Cookie-Banner */
    #cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #f0f0f0;
      padding: 10px;
      text-align: center;
    }
  </style>
</head>
<body>
  <!-- Cookie-Banner -->
  <div id="cookie-banner">
    Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern.
    <a href="/datenschutz">Mehr erfahren</a>
    <button id="cookie-consent">Ich stimme zu</button>
  </div>

  <script>
    // JavaScript für den Cookie-Banner
    const cookieBanner = document.getElementById('cookie-banner');
    const cookieConsentButton = document.getElementById('cookie-consent');

    // Überprüfen, ob der Benutzer bereits zugestimmt hat
    const hasConsented = localStorage.getItem('cookieConsent');

    if (!hasConsented) {
      cookieBanner.style.display = 'block';
    }

    // Zustimmungsfunktion
    cookieConsentButton.addEventListener('click', () => {
      localStorage.setItem('cookieConsent', 'true');
      cookieBanner.style.display = 'none';
    });
  </script>
</body>
</html>
von (397 Punkte)  

Ähnliche Fragen

Diese Community basiert auf dem Prinzip der Selbstregulierung. Beiträge werden von Nutzern erstellt, bewertet und verbessert – ganz ohne zentrale Moderation.

Wer hilfreiche Fragen stellt oder gute Antworten gibt, sammelt Punkte. Mit steigender Punktzahl erhalten Mitglieder automatisch mehr Rechte, zum Beispiel

  • Kommentare verfassen
  • Beiträge bewerten
  • Inhalte bearbeiten
  • Inhalte ausblenden

So entsteht eine Plattform, auf der sich Qualität durchsetzt – getragen von einer engagierten Gemeinschaft. Unser Ziel: Guter Inhalt. Für alle.

2.3k Fragen

2.8k Antworten

260 Kommentare

13 Nutzer