• Saltar al contenido principal
  • Skip to secondary menu
  • Saltar a la barra lateral principal
  • Saltar al pie de página
  • Inicio
  • Artículos
    • Diseño y Desarrollo Web
    • Marketing Online
    • Posicionamiento Web SEO
    • Redes Sociales
  • Nosotros
  • Contacto

Blogesfera

Marketing Online, SEO, Desarrollo Web, WordPress...

Marketing Online, SEO, Desarrollo Web, WordPress...
Inicio » Diseño y Desarrollo Web » Qué son las cookies y cómo insertar el aviso en tu web

Qué son las cookies y cómo insertar el aviso en tu web

Por Laura Núñez 5 comentarios

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…

barra-cookies

 

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;»&gtUsamos cookies propias y de terceros para ayudarte en tu navegación. Si continúas navegando consideramos que aceptas el uso de cookies. &lta 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.

cookies-plugin

Y tú, ¿ya has puesto un aviso de cookies en tu web?

Laura Núñez
Laura Núñez

Soy especialista en Desarrollo WordPress y Marketing Digital. Ayudo a empresas y profesionales con sus dudas e implementación de nuevos proyectos.

www.tallerdewordpress.com/

Te puede interesar:

Contenido duplicado, cómo evitarlo Plugins de WordPress: qué son y cómo instalarlos SEO móvil: Cómo hacer una buena optimización Contenido de calidad, cómo crearlo en tu blog Hosting para WordPress, cómo elegir el mejor

Publicado en: Diseño y Desarrollo Web

Interacciones con los lectores

Comentarios

  1. Jhoanna Bolívar dice

    04/11/2016 a las 13:43

    Gracias!!!
    Lo he aplicado, usé un plugin, es más fácil 😀
    Saludos!

    Responder
  2. Montse Mis Chicos dice

    07/11/2016 a las 09:19

    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.

    Responder
    • Taller de Wordpress dice

      16/11/2016 a las 16:23

      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»; }

      Responder
  3. pintores madrid dice

    20/09/2017 a las 18:27

    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.

    Responder
  4. Juansar dice

    01/01/2023 a las 23:31

    Se lo puede implementar en un sitio web que no use wordpress o hay que modificarlo mucho? tengo una web en html sencilla con contenido casi estático, no uso wordpress.

    Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Barra lateral principal

Comentarios recientes

  • Francisco Gonzalez en Cómo aprovechar el email marketing junto a un contenido de calidad
  • José Blasco en Los 5 consejos SEO que mejorarán tu posicionamiento web desde hoy mismo
  • Juan Silverio Factor Castillo en Trabajar desde casa, ¿mas ventajas que inconvenientes?
  • Ramón Ejido Gonzalez en ¿Debo hacer SEO en varios idiomas?
  • Mario Lopez Valdes en Cómo aprovechar el email marketing junto a un contenido de calidad

Síguenos

Follow @blogesfera

BlogESfera. Comunidad Hispana de Blogs.

Footer

Posicionamiento Web SEO

Los 5 consejos SEO que mejorarán tu posicionamiento web desde hoy mismo

Hoy contamos en Blogesfera con Borja Aranda, consultor SEO freelance donde nos dará 5 consejos SEO para mejorar el posicionamiento de tu página web. Sin más rodeos os dejamos con el artículo de … [Leer más...] acerca de Los 5 consejos SEO que mejorarán tu posicionamiento web desde hoy mismo

Marketing Online

Trabajar como blogger, una opción real

El trabajar como blogger o redactor de contenidos suele tener bastante buena aceptación entre las personas. Cuando le comentas a alguien a lo que te dedicas suelen felicitarte por ello y hablar de lo … [Leer más...] acerca de Trabajar como blogger, una opción real

Diseño y Desarrollo Web

El triunfo de WordPress

Hoy contamos en Blogesfera con Sarai Herrero y Jose Luis Benitez de Valenhost, una empresa que se dedica al alojamiento web especializado en WordPress y que nos hablarán de cómo WordPress se ha … [Leer más...] acerca de El triunfo de WordPress

Copyright © 2025 · Blogesfera.com · Todos los derechos reservados · Privacidad & Política de cookies
Desarrollo web por Alfonso Puig

Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los .

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Nunca almacenamos información personal.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de analítica

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, habilita primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies