Hoy tenemos el placer de contar en Blogesfera con Laura Núñez, especialista en Desarrollo WordPress y Marketing Digital que nos explicará lo que son las cookies y cómo implementar el aviso en WordPress. Os dejamos a continuación con el artículo de invitado que nos han enviado.
Antes de explicar como añadir la famosa barra de políticas de cookies en tu web, vamos explicar el por qué añadirla, ya que a veces no la añadimos por desconocimiento o la añadimos sin tener muy claro el motivo.
¿Qué son exactamente las Cookies y la política de Cookies?
Las cookies, además de ser galletitas, son ficheros enviados al navegador por medio de un servidor web con la finalidad de registrar las actividades del usuario durante su tiempo de navegación, bien para cargar después más rápidamente esa web, para llevar la información de uso de la web a un programa como Google Analytics etc,…
Con esto el 30 de marzo de 2012, la legislación en materia de publicidad y comercio electrónico española (regulada por la Ley de Servicios de la Información – LSSI) incluyó una normativa sobre el tratamiento de cookies en sitios web. Esta normativa obliga a los propietarios de los portales a informar de forma clara y obtener el consentimiento para la utilización de este tipo de tecnología en los sitios web. Resumen: Si no usas esta barra pueden llegar a multarte.
Si ahora te ha quedado más claro… vamos al asunto…
Como implementar la política de Cookies mediante HTML
Si no quieres usar un plugin para implementar esta barra, el paso es muy sencillo. Incluye este código en el header.php o en el footer.php del tema que estés usando y customízala a tu gusto. (Recuerda usar siempre el child theme)
<div id=»cookies» style=»position: fixed; left: 0px; right: 0px; bottom: 0px; width: 100%; min-height: 40px; background: #cfcfcf; color: #184b6a; z-index: 99999;»>
<div style=»width: 100%; position: absolute; padding-left: 5px; font-family: verdana; font-size: 12px; top: 30%; text-align: center;»>Usamos cookies propias y de terceros para ayudarte en tu navegación. Si continúas navegando consideramos que aceptas el uso de cookies. <a style=»padding: 6px; background: #4682B4; text-decoration: none; color: #fff; border-radius: 5px;»><b>OK</b></a> <a style=»padding-left: 5px; text-decoration: none; color: #636363;» href=»https://www.tuweb.com/politica-cookies» target=»_blank» rel=»nofollow»><u>Más información</u></a></div>
</div>
<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(» » + c_name + «=»);
if (c_start == -1){
c_start = c_value.indexOf(c_name + «=»);
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf(«=», c_start) + 1;
var c_end = c_value.indexOf(«;», c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? «» : «; expires=»+exdate.toUTCString());
document.cookie=c_name + «=» + c_value;
}
if(getCookie(‘aviso’)!=»1″){
document.getElementById(«barracookies»).style.display=»block»;
}
function PonerCookie(){
setCookie(‘aviso’,’1′,365);
document.getElementById(«barracookies»).style.display=»none»;
}
</script>
Recuerda hacer siempre tus cambios en tu el Child Theme de tu plantilla
Como implementar la política de Cookies mediante un plugin de WordPress
Si no quieres tocar código y prefieres usar un plugin sencillo y rápido de implementar, yo recomiendo Cookie Notice.
Ventajas de usar este plugin:
- Muy sencillo para añadir tu texto, colores, link de «Más información«.
- Selección de lugar donde aparecerá la barra de consentimiento.
- Tiempo de expiración de la Cookie.
- Compatible con multiidioma WPML.
Y tú, ¿ya has puesto un aviso de cookies en tu web?
Soy especialista en Desarrollo WordPress y Marketing Digital. Ayudo a empresas y profesionales con sus dudas e implementación de nuevos proyectos.
Gracias!!!
Lo he aplicado, usé un plugin, es más fácil 😀
Saludos!
Repito mi opinion, a ver si ahora salen los tags correctamente.
Es una cuestión técnica, pero creo que le falta algo al código HTML. Veo que aparece un </a> en «…<b>OK</b></a>…». Ese tag es de cierre y se tendría que abrir anteriormente y no encuentro la apertura por ningún lado.
Por otra parte, en nuestro blog familiar no tenemos todavía el aviso de cookies, pero nos gustaría poner un aviso más personalizado. Opinamos que el plugin está muy bien y es más rápido, pero un código HTML nos gusta más, porque así da un toque más personal y familiar a nuestro blog.
Hola Montse,
prueba a poner este código y me cuentas
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. <a href=»void(0);» rel=»nofollow»><b>OK</b></a> <a href=»http://www.google.com/intl/es-419/policies/technologies/types/» rel=»nofollow»>Más información</a> | <a href=»http://www.agpd.es/portalwebAGPD/canaldocumentacion/publicaciones/common/Guias/Guia_Cookies.pdf» rel=»nofollow»>Y más</a>
<!– Estilo barra CSS –>
#barracookies {z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;padding:5px;background: #333333;color:#d7c712;line-height:20px;font-family:verdana;font-size:12px;text-align:center;box-sizing:border-box;} #barracookies a:nth-child(2) {padding:4px;background:#4682B4;border-radius:5px;text-decoration:none;} #barracookies a {color: #fff;text-decoration: none;}
function setCookie(name,value,expires,path,domain,secure){document.cookie=name+»=»+escape(value)+((expires==null)?»»:»; expires=»+expires.toGMTString())+((path==null)?»»:»; path=»+path)+((domain==null)?»»:»; domain=»+domain)+((secure==null)?»»:»; secure»)}function getCookie(name){var cname=name+»=»;var dc=document.cookie;if(dc.length>0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(«;»,begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+»=»+((path==null)?»»:»; path=»+path)+((domain==null)?»»:»; domain=»+domain)+»; expires=Thu, 01-Jan-70 00:00:01 GMT»}}
var comprobar = getCookie(«avisocookies»);
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie(«avisocookies»,»1″,expiration);
document.getElementById(«barracookies»).style.display=»block»; }
Hombre siempre se debe de avisar cuando tu web valla a hacer algo que pueda incurrir en algo fraudulento, y claro esta con estos códigos lo evitas ya que el usuario lo acepta o no, un saludo y gran ayuda.