CÓDIGO ACEPTACIÓN COOKIES 
Autor: Vicente G.
Visitado 7072,
Followers 4,
Compartido 0
He visto en el blog algunas soluciones poco válidas para insertar la leyenda del código de aceptación de cookies, que casi siempre envían a otra web que te inserta el código desde ella. Una opción de las que se da es poner un anuncio publicitario superior, pero no ofrece la solución legal. Creo que ya que su uso es OBLIGATORIO, los técnicos de Website deberían crear urgentemente un objeto específico para ello, modificable por el usuario.
La misma opción de anuncio que se ofrece en la barra superior, pero que en lugar de captar una imagen o archivo flash lo hiciera también con texto html (donde se pueden poner enlaces) serviría.
Por lo demás, felicito a sus creadores. El programa es ágil, útil y versátil.
Publicado en
Autor
Buscando por internet he resuelto lo de la política de cookies.
podéis insertar el código siguiente, en la página principal con el objeto "código"
Hay que modificarlo e introducir vuestra web donde especifiquéis las cookies que introduce vuestra web:
<!--Código HTML de la política de cookies -->
<!--La URL incluida es la parte que se ha de modificar -->
<div class="cookiesms" id="cookie1">
Esta web utiliza cookies sólo estadísticos, puede ver nuestra <a href="tu web donde explicas las cookies">POLÍTICA DE COOKIES, AQUÍ.</a>
Si continua navegando está aceptándola.
<button onclick="controlcookies()">ACEPTAR</button>
<div class="cookies2" onmouseover="document.getElementById('cookie1').style.bottom = '0px';">POLÍTICA DE COOKIES</div>
</div>
<script type="text/javascript">
if (localStorage.controlcookie>0){
document.getElementById('cookie1').style.bottom = '-50px';
}
</script>
<!-- Fin del código de cookies --->
Muchas gracias!!! es muy práctico y facil de personalizar.
A mi tambien me ha valido , muchas gracias por el aporte
Un cordial saludo
gracias!!!
Buenas noches :
Porque cuando le damos a aceptar no desaparece el mensaje ?
Podeis dar una solucion por favor
Aqui os dejo otro que tambien funciona lindo
http://politicadecookies.com/descargas.php
Autor
buscando y buscando... por la red, creo que al final, este código que he encontrado por ahí nos soluciona lo de la política de cookies. PUEDE CAMBIARSE EL COLOR, LA TRANSPARENCIA Y LA DIMENSIÓN... así como la posición... (haced pruebas)...
ESPERO QUE OS SIRVA.... Mientras incomedia no meta un objeto específico para ello. ;-)
<!-- SCRIPT CONTROL DE COOKIES -->
<script type="text/javascript">
function controlcookies() {
// si variable no existe se crea (al clicar en Aceptar)
localStorage.controlcookie = (localStorage.controlcookie || 0);
localStorage.controlcookie++; // incrementamos cuenta de la cookie
cookie1.style.display='none'; // Esconde la política de cookies
}
</script>
<!--- Codigo para la política de cookies-->
<style type="text/css">
/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0% {bottom: 0px;}
80% {bottom: 0px;}
100% {bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0% {bottom: 0px;}
80% {bottom: 0px;}
100% {bottom: -50px;}
}
@keyframes aparecer
{
0% {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100% {bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0% {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100% {bottom: -38px;}
}
#cookiesms1:target {
display: none;
}
.cookiesms{
width:100%;
height:43px;
margin:0 auto;
padding-left:1%;
padding-top:5px;
font-size: 1.2em;
clear:both;
font-weight: strong;
color: #000000;
bottom:0px;
position:fixed;
left: 0px;
background-color: #75A03C;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #75A03C;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */
</style>
<!--Código HTML de la política de cookies -->
<!--La URL incluida es la parte que se ha de modificar -->
<div class="cookiesms" id="cookie1">
Esta web utiliza cookies sólo estadísticos, puede ver nuestra <a href="tu-url-donde-explicas-la-politica-de-cookies">POLÍTICA DE COOKIES, AQUÍ.</a>
Si continua navegando está aceptándola.
<button onclick="controlcookies()">ACEPTAR</button>
<div class="cookies2" onmouseover="document.getElementById('cookie1').style.bottom = '0px';">POLÍTICA DE COOKIES</div>
</div>
<script type="text/javascript">
if (localStorage.controlcookie>0){
document.getElementById('cookie1').style.bottom = '-50px';
}
</script>
<!-- Fin del código de cookies --->
Me gusta este y funciona mejor que cualquiera de los que he intentado hasta ahora, podrias decirnos donde lo encontraste?
Autor
J Luis A. , Realmente ya ni lo recuerdo, porque ¡Cuidado las vueltas que he dado hasta que he conseguido uno en condiciones que resolviera el problema!
Si lo encontrara de nuevo lo cuelgo en el post.
Saludos.
Autor
Se me olvidó comentaros que el código de aceptación de cookies hay que ponerlo sólo en la página principal, para que así una vez aceptado no salga en el resto. Aunque "es de lógica", por si acaso, lo puntualizo.
Saludos.
otro codigo bien explicado y, al menos en mi prueba funciono bien
http://www.joserodriguez.info/bloc/resolver-la-politica-de-cookies-en-tu-web/