- Mensajes
- 1,537
- Puntuación de reacción
- 0
Buenas,
dado que hoy un usuario abrió un tema comentando la nueva implicación sobre las cookies en los sitios web y que otro usuario preguntó en un hilo a otro sobre como añadir un aviso como el suyo de cookies me dispuse a crear este 'plugin' para que todos lo podáis usar sin complicaciones, ya que si no os dáis por válidos aquellos que lo queráis usar os echaré una mano.
Demo -> mento no disponible
Descarga -> https://mega.co.nz/#!HcEzFK4b!w_J9Yl1ypxbYJiSsECpvP8XYSrSI9qalMaJASWtxA3A
Simplemente si quieres integrarlo sigue estos pasos:
1º Carga el archivo .css para ostrar los estilos de la caja de cookies en tu head encima de los scripts:
2º Según empiece tu <body> lo primero que debe haber es el div que muestra o esconde la cookie:
Edita el texto a tu gusto y añade un link para más información o sino quítalo para que no esté inútilmente.
3º Por último debes cargar en tu sitio dentro del head o al final del body el archivo cookie.js y el archivo scriptck.js, en este orden, y por debajo de la librería jQuery, lo más probable es que la tengas, sino carga el archivo jquery.js que adjunto o desde la librería de Google (//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js).
Puede ser que no te funcione correctamente si tu body es completamente distinto para cada página, si es así coméntamelo y se soluciona fácilmente
Cualquier otro problema o duda aquí estoy
¡Saludos! :mola:
dado que hoy un usuario abrió un tema comentando la nueva implicación sobre las cookies en los sitios web y que otro usuario preguntó en un hilo a otro sobre como añadir un aviso como el suyo de cookies me dispuse a crear este 'plugin' para que todos lo podáis usar sin complicaciones, ya que si no os dáis por válidos aquellos que lo queráis usar os echaré una mano.
Demo -> mento no disponible
Descarga -> https://mega.co.nz/#!HcEzFK4b!w_J9Yl1ypxbYJiSsECpvP8XYSrSI9qalMaJASWtxA3A
Simplemente si quieres integrarlo sigue estos pasos:
1º Carga el archivo .css para ostrar los estilos de la caja de cookies en tu head encima de los scripts:
HTML:
<link href='estilock.css' rel='stylesheet' type='text/css'>2º Según empiece tu <body> lo primero que debe haber es el div que muestra o esconde la cookie:
HTML:
<div class="cookieDiv">
<div class="textoCookie">
<p> Nuestra web utiliza cookies para proporcionar una mejor experiencia de cara al usuario. Si estás de acuerdo con ello solamente haz click en el botón aceptar a continuación y se ocultará este espacio, si quieres saber más haz click en el enlace 'Más información'.</p>
</div>
<div class="accionCookie">
<a href="#" class="botonCookie">Aceptar</a>
<a href="#" class="enlaceCookie">Más información</a>
</div>
</div>Edita el texto a tu gusto y añade un link para más información o sino quítalo para que no esté inútilmente.
3º Por último debes cargar en tu sitio dentro del head o al final del body el archivo cookie.js y el archivo scriptck.js, en este orden, y por debajo de la librería jQuery, lo más probable es que la tengas, sino carga el archivo jquery.js que adjunto o desde la librería de Google (//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js).
Puede ser que no te funcione correctamente si tu body es completamente distinto para cada página, si es así coméntamelo y se soluciona fácilmente
Cualquier otro problema o duda aquí estoy
¡Saludos! :mola:
Última edición:
