Anzeigen/Verbergen von DIV aufgrund erteilter Einwilligung

Sie haben Inhalte, die Sie anzeigen oder verbergen möchten, wenn eine bestimmte Kategorie von Cookies akzeptiert wird oder nicht akzeptiert wurde. Hierfür können Sie das folgende Beispiel verwenden:

Stellen Sie zunächst sicher, dass Ihrem Div eine Klasse zugeordnet ist. Im folgenden Beispiel verwenden wir die Kategorie Werbung und ein Div namens testdiv.

<script>

      function callbackFnc(e) {
      var consent = e.detail || null;
      var elements = document.querySelectorAll(".testdiv");
      elements.forEach(function(el) {
          // no consent yet or advertising not accepted, hide div
          if (!consent || !consent.advertising) {
              el.style.display = 'none';
          } else {
              el.style.display = 'block';
          }
});

    }

    window.addEventListener("cf_consent", callbackFnc);
    window.addEventListener("cf_consent_loaded", callbackFnc);
</script>