Tutorial: Política de cookies (alerta frotante) para cumplir la ley europea

KevinCastro

Gamma
Verificación en dos pasos desactivada
Desde
16 Ene 2013
Mensajes
355
Como Muchos Saben Con la Nueva Ley española Las cookies estan Prohibidad sin Consentimiento del usuario aqui una simple Herramienta para que los Users entrantes a nuestro Blog Vean y acepten:)

Primero Creamos una Pagina en Blanco Para poner la Politica de las Cookies hay Muchas en Google :) Colo Copy & Paste :p8:

Insertar CODE, HTML o PHP:
<h2>Información sobre cookies</h2>



	<p><b>1. Qué son las cookies y por qué las utilizamos en las webs de Weblogs SL</b></p>

	<p>Una cookie es un fichero que se descarga en el dispositivo del usuario al acceder a determinadas páginas web para almacenar y recuperar información sobre la navegación que se efectúa desde dicho equipo. </p>

	<p>Las cookies permiten a dicha web, entre otras cosas, almacenar y recuperar información sobre las decisiones y hábitos del usuario. En Weblogs SL las utilizamos para personalizar la experiencia dentro de nuestras webs, identificar y recordar al usuario registrado y facilitar la navegación. </p>

	<p>Es importante destacar que el uso de cookies no proporciona datos personales del usuario, que de cara a Weblogs SL permanece anónimo.</p>

	<p>El usuario puede configurar su navegador para no aceptar el uso de cookies, en cuyo caso la personalización de la experiencia no se aplicaría aunque sí podrá seguir accediendo a los contenidos de nuestras webs con normalidad.</p>

	<p>En la página de Wikipedia (<a href="http://es.wikipedia.org/wiki/Cookie_(inform%C3%A1tica)">http://es.wikipedia.org/wiki/Cookie_(informática)</a>) es posible obtener más información acerca de qué con las cookies y cómo funcionan</p>

	<p><b>2. ¿Qué tipo de cookies utilizan las webs de Weblogs SL?</b></p>

	<p>Las Cookies, en función de su permanencia, pueden dividirse en Cookies de sesión o permanentes. Las primeras expiran cuando el usuario cierra el navegador. Las segundas expiran en función cuando se cumpla el objetivo para el que sirven (por ejemplo, para que el usuario se mantenga identificado en las webs y servicios de Weblogs SL) o bien cuando se borran manualmente.</p>

	<p>Adicionalmente, en función de su objetivo, las Cookies pueden clasificarse de la siguiente forma:</p>

	<p><strong><em> · Cookies de rendimiento:</em></strong> este tipo de Cookie recuerda sus preferencias para las herramientas que se encuentran en los servicios, por lo que no tiene que volver a configurar el servicio cada vez que usted visita. A modo de ejemplo, en esta tipología se incluyen:<br>
</p><ul><br>
<li>Ajustes de volumen de reproductores de vídeo o sonido.</li><br>
<li>Las velocidades de transmisión de vídeo que sean compatibles con su navegador.</li><br>
</ul><p></p>

	<p><strong>· <em>Cookies de geolocalización:</em></strong> estas Cookies son utilizadas para averiguar en qué país se encuentra cuando se solicita una web o servicio. Esta Cookie es totalmente anónima, y sólo se utiliza para ayudar a orientar el contenido a su ubicación.</p>

	<p><strong>· <em>Cookies de registro:</em></strong> las Cookies de registro se generan una vez que el Usuario se ha registrado o posteriormente ha abierto su sesión, y se utilizan para identificarle en las web y servicios con los siguientes objetivos:<br>
</p><ul><br>
<li>Mantener al usuario identificado de forma que, si cierra un servicio o web, el navegador o el ordenador y en otro momento u otro día vuelve a entrar en dicho servicio o web, seguirá identificado, facilitando así su navegación sin tener que volver a identificarse. Esta funcionalidad se puede suprimir si el usuario pulsa la funcionalidad “Salir”, de forma que esta Cookie se elimina y la próxima vez que entre en la web el usuario tendrá que iniciar sesión para estar identificado.</li><br>
<li>Comprobar si el usuario está autorizado para acceder a ciertos servicios, por ejemplo, para participar en un concurso. </li><br>
<li>Adicionalmente, algunos servicios pueden utilizar conectores de terceros tales como Facebook, Twitter o Google. Cuando el usuario se registra en un servicio con credenciales de una red social o sistema de identificación de terceros, autoriza al mismo a guardar una cookie persistente que recuerda su identidad y le garantiza acceso a la web hasta que expira. El usuario puede borrar esta cookie y revocar el acceso a la web mediante redes sociales o sistema de identificación de terceros actualizando sus preferencias en la red social que específica.</li><br>
</ul><p></p>

	<p><strong>· <em>Cookies de analítica:</em></strong> Cada vez que un Usuario visita una Web o Servicio, una herramienta de un proveedor externo (Google Analytics, comScore y similares) genera una cookie analítica en el dispositivo del usuario. Esta cookie que sólo se genera en la visita, servirá en próximas visitas a los servicios de Weblogs SL para identificar de forma anónima al visitante. Los objetivos principales que se persiguen son:<br>
</p><ul><br>
<li>Permitir la identificación anónima de los usuarios navegantes a través de la “Cookie” (identifica navegadores y dispositivos, no personas) y por lo tanto la contabilización aproximada del número de visitantes y su tendencia en el tiempo.</li><br>
<li>Identificar de forma anónima los contenidos más visitados y por lo tanto más atractivos para los usuarios</li><br>
<li>Saber si el usuario que está accediendo es nuevo o repite visita.</li><br>
</ul><p></p>

	<p>Importante: Salvo que el Usuario decida registrarse en alguna web de Weblogs SL, la cookie nunca irá asociada a ningún dato de carácter personal que pueda identificarle. Dichas cookies sólo serán utilizadas con propósitos estadísticos que ayuden a la optimización de la experiencia de los usuarios en el sitio.</p>

	<p>Más información sobre la política de privacidad de estas herramientas de analítica en:<br>
<a href="http://www.google.es/intl/es/analytics/privacyoverview.html">Google Analytics</a><br>
<a href="www.comscore.com/esl/About_comScore/Privacy_Policy">Comscore</a> </p>

	<p><strong>· <em>Cookies de publicidad:</em></strong> este tipo de cookies permiten ampliar la información de los anuncios mostrados a cada usuario anónimo en las webs de Weblogs SL. Entre otros, se almacena la duración o frecuencia de visualización de posiciones publicitarias, la interacción con las mismas, o los patrones de navegación y/o comportamientos del usuario ya que ayudan a conformar un perfil de interés publicitario. De este modo, permiten ofrecer publicidad afín a los intereses del usuario.</p>

	<p>Para la gestión de la publicidad de Weblogs SL se utilizan herramientas de servicio de publicidad (<a href="http://es.wikipedia.org/wiki/Adserver">Adservers – http://es.wikipedia.org/wiki/Adserver”)</a> de terceros. Estos terceros pueden almacenar cookies enviadas desde las webs de Weblogs SL procedentes de los navegadores de los usuarios, así como acceder a los datos que en ellas se guardan.<br>
Las empresas que generan estas Cookies tienen sus propias políticas de privacidad.</p>

	<p>En la actualidad, Weblogs SL utiliza la plataforma Doubleclick de Google para gestionar estos servicios. Para más información, acuda a <a href="http://www.google.es/policies/privacy/ads/#toc-doubleclick">http://www.google.es/policies/privacy/ads/#toc-doubleclick</a> y a <a href="http://www.google.es/policies/privacy/ads/">http://www.google.es/policies/privacy/ads/</a>. </p>

	<p><b>3. Cómo deshabilitar las cookies en el navegador</b></p>

	<p>La mayoría de navegadores actualmente permiten al usuario configurar si desean aceptar cookies y cuáles de ellas. Estos ajustes normalmente se encuentra en las ‘opciones’ o ‘Preferencias’ del menú de su navegador.</p>

	<p>Estas son las instrucciones para configurar las cookies en los principales navegadores:<br>
</p><div style="margin-left:30px"><p></p>

	<p><strong>Chrome:</strong> Configuración -&gt; Mostrar opciones avanzadas -&gt; Privacidad -&gt; Configuración de contenido.<br>
Para más información, puede consultar el soporte de Google o la Ayuda del navegador.</p>

	<p><strong>Firefox:</strong> Herramientas -&gt; Opciones -&gt; Privacidad -&gt; Historial -&gt; Configuración Personalizada. <br>
Para más información, puede consultar el soporte de Mozilla o la Ayuda del navegador.</p>

	<p><strong>Internet Explorer:</strong> Herramientas -&gt; Opciones de Internet -&gt; Privacidad -&gt; Configuración. <br>
Para más información, puede consultar el soporte de Microsoft o la Ayuda del navegador.</p>

	<p><strong>Safari:</strong> Preferencias -&gt; Seguridad. <br>
Para más información, puede consultar el soporte de Apple o la Ayuda del navegador.<br>
</p></div><p></p>
es De Genbeta Este Leeanlo y Modifiquen o si No pueden Buscar Masn en Google o Crear la suya :encouragement:
https://www.google.com/search?q=Politica de Cookies

Ahorra el Codigo
EJEMPLO FUNCIONANDO (MODIFICADO)

AGREGAR EL EL HEAD
Insertar CODE, HTML o PHP:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link type="text/css" href="cookies.css" rel="stylesheet">

cookie.js
Pueden Tambien Usarla dentro de la plantilla agregandola dentro de <script>AQUI EL CODIGO</script>
Insertar CODE, HTML o PHP:
$(document).ready(function() {

	var strCookieName = "cookie-compliance";
	var strApprovedVal = "approved";

	var cookieVal = readCookie(strCookieName);
	var $displayMsg = $('#cookieMessageWrapper');

	if (cookieVal != strApprovedVal) {
		setTimeout(function() { $displayMsg.slideDown(200); }, 200);
	} else if (!$displayMsg.is(':hidden')) {
		$displayMsg.slideUp();
	};

	$('#cookieClose').click(function() {
		$displayMsg.slideUp();
		createCookie(strCookieName, strApprovedVal, 365);
	});
});

//Cookie functions
function createCookie(name, value, days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		var expires = "; expires=" + date.toGMTString();
	}
	else var expires = "";
	document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name, "", -1);
}
cookies.css
O pueden agregarlo Tambien directamente a la Plantilla
Insertar CODE, HTML o PHP:
#cookieMessageWrapper
{
/* Este Es My Estilo que le Agrege :D*/
	width: 100%;
	border-top: 1px solid #aaaaaa;
	background: #f6f6f6;
	position: fixed;
	left: 0;
	bottom: 0px;
	text-align: center;
	padding: px 0;
	
	/*
	Este Es El Que Viene por Defecto
	background: #fd8;
	font-family: "Segoe UI",Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 11pt; 
	font-weight: normal; 
	color: #333;
	padding: 0;
	margin: 0;
	display: none;
	border-bottom: solid 1px #f80;*/
}
#cookieMessage
{
	width: 640px; /* this needs to be set to the width of the centre container */
	padding: 3px 0 3px 0;
	margin: 0 auto;
	position: relative;
}
#cookieMessage:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cookieMessage p
{
	margin: 5px 0 0;
}
#cookieClose
{
	float: right;
	display: block;
	padding: 0px 5px;
	text-decoration: none;
	background: #f80;
	border: solid 1px #000;
	border-radius: 2px;
	color: #fff;
	font-size: 100%;
	margin-top: 6px;
	font-weight: bold;
}

AGREGAR arriva de </BODY>
Insertar CODE, HTML o PHP:
<!-- Cookies Mensaje De Alerta  -->
<div id="cookieMessageWrapper">
<div id="cookieMessage">
<strong>Este Sitio Utiliza Cookies.</strong>Usted Puede Leer En Nuestra <a href="#"><b>Politica De Privacidad</b></a>. <button onclick="window.location.href='#'">Aceptar</button>
</div>
</div>
<!-- Cookies Mensaje De Alerta  -->
Pueden Modificar El Texto y Ponerle el Que Quiere Aqui Algunos Ejemplo
Utilizamos cookies propias y de terceros para medir nuestra audiencia, mejorar nuestros servicios y mostrarle publicidad sin recopilar datos personales en ningún momento. Si continúa navegando, consideramos que acepta su uso. OK + Info

Este sitio web usa cookies Más información

Las cookies son necesarias para el funcionamiento del sitio. Al acceder a MI SITIO, acepta el uso de ellas. Aceptar Más información

Utilizamos cookies propias y de terceros para mostrarle publicidad relacionada con sus preferencias según su navegación. Si continua navegando consideramos que acepta el uso de cookies. Más información

Las cookies nos permiten proporcionar nuestros servicios. Al usar nuestros servicios, aceptas que usemos las cookies.​
 

Carlos Arreola

Admin
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.341
He aprobado el tutorial y lo he agregado al listado, se agradece el aporte.
 

anferro

Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.519
Gracias a probar a ver si me sirve! :encouragement:
 

tommy2032

Eta
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
12 Ene 2012
Mensajes
1.261
Gracias amigo por la información por eso es que últimamente en muchas web veo esos anuncios sobre cookies en la parte inferior
 

Migue1D

No recomendado
SEO
Verificación en dos pasos desactivada
Desde
3 Oct 2013
Mensajes
513
Muuy Bueno!! gracias , estaba buscando exactamente eso
 

tronox

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
4 Oct 2011
Mensajes
154
Muy bueno. ¿Sería posible un código que hiciese esto?:

Desactivarse tras unos segundos de permanencia en la web, o inmediatamente después de pinchar en algún enlace. Es lo que se entiende como consentimiento tácito.

Un saludo
 

KevinCastro

Gamma
Verificación en dos pasos desactivada
Desde
16 Ene 2013
Mensajes
355
Muy bueno. ¿Sería posible un código que hiciese esto?:

Desactivarse tras unos segundos de permanencia en la web, o inmediatamente después de pinchar en algún enlace. Es lo que se entiende como consentimiento tácito.

Un saludo
Claro Creo Por Hay Tengo Una Web Que tiene ese sistema despues de 10 segundos quita la alerta automaticamente cuando tenga tiempo Lo Posteare :p8:
 

tronox

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
4 Oct 2011
Mensajes
154
Claro Creo Por Hay Tengo Una Web Que tiene ese sistema despues de 10 segundos quita la alerta automaticamente cuando tenga tiempo Lo Posteare :p8:

Sí, es que según la ley, se reconoce el consentimiento tácito. Por ello, una vez que pinche en un enlace, o bien pasen unos segundo, ya se podrían meter las cookies, y así no se pierde la primera visita, en analytics, por ejemplo.

De todas formas, la ley es un desastre. Y el 90% de las web que he visto co el mensajito, solo lo tienen informativo, porque te meten todo tipo de cookies desde el principio.

La verdad es que perjudica bastante hacerlo bien, supongo que al final terminarán quitando la ley.
 

YKMedia

Iota
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Ago 2013
Mensajes
2.445
Qué bonito tutorial, lo acabé de agregar :encouragement:
 

cobras

Épsilon
Verificación en dos pasos desactivada
Desde
16 Oct 2013
Mensajes
774
Muchas gracias, es muy útil.
 

gbpepe

Gamma
Programador
Verificación en dos pasos desactivada
Desde
30 Mar 2013
Mensajes
267
Yo hice un plugin en jQuery muy fácil de usar e implementar... Si a alguien le interesa, lo puede mirar/bajar/forkear del repositorio de GitHub... https://github.com/iJos/jCookie

De todas formas, muchas gracias! ;)
 

EsLoQueHiHa

Zeta
Verificación en dos pasos desactivada
Desde
14 Jun 2013
Mensajes
1.556
Muy bueno. ¿Sería posible un código que hiciese esto?:

Desactivarse tras unos segundos de permanencia en la web, o inmediatamente después de pinchar en algún enlace. Es lo que se entiende como consentimiento tácito.

Un saludo

Sí, es que según la ley, se reconoce el consentimiento tácito. Por ello, una vez que pinche en un enlace, o bien pasen unos segundo, ya se podrían meter las cookies, y así no se pierde la primera visita, en analytics, por ejemplo.

De todas formas, la ley es un desastre. Y el 90% de las web que he visto co el mensajito, solo lo tienen informativo, porque te meten todo tipo de cookies desde el principio.

La verdad es que perjudica bastante hacerlo bien, supongo que al final terminarán quitando la ley.


Tenía entendido que para cumplir 100% con la ley española no se permite el consentimiento tácito: debe ser explícito en todos los puntos, tanto para recibir información comercial, suscripción a boletines y para la política de cookies así como para la obtención de datos por aquello del opt-in vs. opt-out. Aunque no me extrañaría nada que hubieran incorporado el modelo simpsoniano de "interpretaré 10 segundos de duda como un sí rotundo".

Por cierto, [MENTION=37728]KevinCastro[/MENTION], si puedes edita el título, que lo de la alerta frotante me está poniendo tontorrona ;)
 

KevinCastro

Gamma
Verificación en dos pasos desactivada
Desde
16 Ene 2013
Mensajes
355
Lo Editaria Pero No Quiero (No se Puede Editar el Titulo) :rolleyes: Buen Dia
 

plader77

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
2 Ene 2013
Mensajes
481
Gracias[MENTION]KevinCastro[/MENTION]
 
P

Peskailla

ayuda codigo en web

Hola, yo no uso ningun gestor de contenido, creo mi web con el dreamweaver, he probado a poner el código pero no me funciona, alguien me ayuda porfa!!??:ambivalence:
 

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.160
Excelente tutorial amigo.
 

Manglas

Alfa
Verificación en dos pasos desactivada
Desde
28 Ene 2014
Mensajes
26
Gracias por el tutorial, igual no lo implementare porque no tengo sitios con trafico europeo :)
 
E

estastardando

El banner no desaparece

Hola amigos,

Muchas gracias por el aporte, es realmente efectivo y simplista, exactamente lo que busco.
Sin embargo parece que tengo algún problema con el código, ya que cuando al clickar sobre el botón de aceptar, el banner no desaparece.
¿Alguna sugerencia?

He revisado el codigo y he seguido todos los pasos a rajatabla.
 

ylodis

Curioso
Verificación en dos pasos desactivada
Desde
17 Feb 2014
Mensajes
4
A mi tampoco me desaparece el banner

Hola,

Gracias por el código pero pese a segur fielmente las instrucciones, a mi tampoco me desaparece el banner al pulsar acepto, lo cual es una lastima porque tiene muy buena pinta,

Por otro lado ¿ qué debería hacer al pulsar acepto ? Por mi parte quisiera que no cargara ninguna cookie hasta pulsarlo y que entonces activara las de Google Analytics, redes sociales, etc; yo esto lo tengo en un fichero javascipt aparte ¿ cómo podría cargar ese fichero sólo cuando pulsa el acepto ?, sé que por ahora la ley no exige el consentimiento explicito, pero esa burrada de ley puede hacer bueno el dicho de que nada es tan malo que no pueda empeorarse.
 

EdenHazard

Gamma
Verificación en dos pasos desactivada
Desde
25 Ene 2013
Mensajes
438
A ver si podríais explicar por favor:

1-Qué código cogéis de todos aquellos que salen en el primer post de este hilo
2-Donde lo colocáis dentro del HTML
3-Si funciona

Yo tengo un Blog en Blogger con url.com y quería añadirlo por si las moscas ya que uso Analytics.
 

Arriba