DSGVO Cookie Banner anzeigen mit HTML und Javascript

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  

Ähnliche Fragen