Cookie Hinweis einblenden

22. Apr 2015

Dieser Artikel zeigt Ihnen, wie Sie beim Einsatz von Cookies einen Benutzerhinweis in die Seite integrieren.

Mit einem globalen, ausblendbaren Hinweis können Sie Besucher über den Einsatz von Cookies auf Ihrer Webseite Informieren.

Beispielhafter Cookie Hinweis
Beispielhafter Cookie Hinweis

Bei Auslieferung der BASE werden generell keine persistenten Cookies genutzt. Ein Besucher ist so nach dem Schließen des Browsers über Cookies nicht erneut zu identifizieren. Wenn Sie für Ihre Webseite einen Benutzerhinweis einblenden wollen, können Sie dies einfach erreichen, indem Sie folgende Schritte durchführen:

  1. Klicken Sie im Panel die Schaltfläche "Portalinhalte zuweisen".
  2. Fügen Sie ein Element "HTML Quelltext" in die globale Seite ein.
  3. Kopieren Sie den untenstehenden Quelltext in das Element.
  4. Passen Sie die Darstellung an und lagern Sie CSS und JS bei Bedarf aus.
  5. Speichern Sie die Seite.

Inhalt des HTML Quelltext Elementes, welches innerhalb der Portalinhalte zugewiesen wurde 

<div id="cookieNotice">
  <span>Diese Webseite verwendet Cookies. Durch die Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</span> <a href="/wDeutsch/datenschutz">Datenschutzinformationen</a>
  <span id="cookieNoticeCloser" style="display:none" onclick="document.cookie = 'hideCookieNotice=1;path=/;expires=Fri, 31 Dec 9999 23:59:59 GMT';jQuery('#cookieNotice').slideUp()">[x]</span>
</div>

<script>
  if(document.cookie.indexOf('hideCookieNotice=1') != -1){
    jQuery('#cookieNotice').hide();
  }
  else{
    jQuery('#cookieNotice').prependTo('body');
    jQuery('#cookieNoticeCloser').show();
  }
</script>

<style>
  #cookieNotice              {position:relative;background-color:#c0c0c0;border-bottom:solid 1px #a0a0a0;padding:10px;text-align:center}
  #cookieNoticeCloser        {color:transparent;position:absolute;right:10px;width:15px;height:15px;cursor:pointer}
  #cookieNoticeCloser:before {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
  #cookieNoticeCloser:after  {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
</style>

Der Hinweis wird auch angezeigt, falls ein Besucher JavaScript deaktiviert hat. In diesem Fall erscheint er allerdings auf jeder Seite erneut, da er sich nicht ausblenden lässt.