Mobirise Tutorials

Cookies Alert # 1

Cookies Alert # 1

Hier ein Beispiel vom "Cookies Alert", dem Cookies Hinweis von Mobirise als Consent Tool zur Zustimmung der Datenschutzerklärung.

Die Abdunklung funktioniert nicht mit diesem Skript-Syntax, der ab "Cookie Alert #2" von Mobirise generiert wird:

<script type="text/plain">
  Script Content
</script>


mit dem "Cookie Alert # 1" geht das, weil dort dieser Script-Zusatz fehlt:

type="text/plain"

der von Mobirise seit dem "Cookie Alert # 2" generiert wird um Skripte sperren zu können.

Scripts

Ich habe hier diese beiden Skripte erstellt, die im Bereich "End of <body> code" eingebaut wurden:

<!-- Script delete Mobirise Cookie-Alert -->
<script>
  function loescheCookie() {
    document.cookie = 'cookiesDirective' +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
  }
</script>

<!-- Script Overlay Cookie Alert -->
<script>

window.addEventListener("DOMContentLoaded", function() {
  if (document.getElementById("impliedsubmit")) {
    document.getElementById("impliedsubmit").addEventListener("click", () => {
      document.getElementById("overlay").remove();
    });
  }
});

function isCookie() {
  
  // Overlay Element
  var overlay = document.createElement("div");
  overlay.id = "overlay";
  overlay.style.background = "rgba(0, 0, 0, 0.4)";
  overlay.style.position = "fixed";
  overlay.style.top = 0;
  overlay.style.left = 0;
  overlay.style.width = "100%";
  overlay.style.height = "100%";
  overlay.style.zIndex = 1031;
 

  // Overlay add
  document.body.appendChild(overlay);
  
  if (document.cookie.split(';').some((item) => item.trim().startsWith('cookiesDirective='))) {
  
    // Overlay remove
    document.body.removeChild(overlay);
  
  }

}


isCookie();

</script>

Google Maps

zeige ich in diesem Beispiel nicht an,
da es vom "Cookie Alert # 1" nicht gesperrt werden kann

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator

Funktionale Cookies akzeptieren