Hola amigos, en este post os traigo un ejemplo del famoso aviso de “Ley anti cookies” que todas las paginas están añadiendo para adaptarse a la ley, en realidad hay muchas formas de hacer este aviso pero yo os voy a dejar un ejemplo que yo suelo utilizar en mis páginas y que es bastante sencillo e intuitivo, realmente son unas clases y poco más.
En primer lugar tendremos el código JavaScript que tenemos que añadir a la cabecera de la página que es una llamada a la clase jquery y una llamada a la función que da dinamismo a nuestra capa de aviso
<script src="jquery-1.7.2.min.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
jq2 = jQuery.noConflict(true);
// ]]></script><script src="leyAnticookies.js" type="text/javascript"></script> |
Luego en el body tendremos que añadir nuestra capa de contenido para mostrar:
<div id="leyCookies" class="contentLeyCookies" > <input type="hidden" id="leyCookiesTexto" value="Esta página web utiliza cookies para mejorar tu visita adaptando la navegación a tus preferencias. Al seguir navegando aceptas nuestra <a class=enlaceCookies href='' >política de cookies</a>" /> </div> |
Así de sencillo, si queremos podemos ver el archivo que lo genera y retocar los estilos pero en definitiva lo que importa es la funcionalidad y con esto sería suficiente.
Os dejo un enlace al ejemplo para que lo podáis ver.Capa ley anti cookies
(Si queréis que os salga una vez pinchado otra vez tendréis que borrar las cookies del navegador para que vuelva a aparecer)
Espero que os guste y os sirva para algo.