Mostrar u ocultar un <div> basado en la categoría de consentimiento

¿Tiene más preguntas? Enviar una solicitud

Tienes contenido que te gustaría mostrar u ocultar cuando una cierta categoría de cookies es aceptada o no ha sido aceptada. Para ello puedes utilizar el siguiente ejemplo:

Primero asegúrate de que tu DIV tiene una clase asignada. En el siguiente ejemplo estamos usando la categoría de publicidad y un div llamado 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>

 

Artículos en esta sección

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 6
Compartir