¿Necesitas Maquetar o Diseñar una web? ... Consulta nuestra sección Maquetación Freelance o solicita presupuesto a elmaquetadorweb@gmail.com

2.3.17

Cómo crear un popup de Aviso de Política de Cookies

Como ya sabemos, por ley estamos obligados a mostrar un texto explicando que utilizamos cookies en nuestra web, por suerte en la Unión Europea se prevé que esta ley de cookies desaparezca en Marzo de 2018.

De momento sólo es un borrador que clarifica que no será necesario el consentimiento del usuario para las cookies no intrusivas que mejoren la experiencia de Internet.

Hasta entonces seguiremos con su uso y por eso os mostramos Cookies Consent In Sites, un plugin hecho en JavaScript de código abierto y gratis, que nos va a permitir generar un popup de cookies totalmente customizable.

Para generar el aviso de cookies simplemente pulsamos el botón Download, elegimos la configuración y pegamos en nuestra web el código que nos genera.

Os dejamos un ejemplo en nuestro codepen





10 comentarios:

  1. Hola, ante todo gracias por compartir tu información.
    Tengo un problema. He accedido a Cookies Consent in Sites pero veo que genera un código que dice que se debe colocar en la web html antes del comando /body.
    Ya lo he hecho pero no visualizo nada.
    Veo por otra parte que aquí en tu ejemplo de codepen hay 3 pestañas, html, css y js y supongo que se debe de copiar también dichos códigos.
    Lamento mi ignorancia pero no entiendo de programación e intento hacerlo yo pero no lo entiendo. ¿Podrías decirme realmente donde debo introducir dicho código?
    Gracias por tu tiempo.
    Saludos
    Fernando

    ResponderEliminar
  2. Hola, Fernando sólo hay que copiar el código que de genera Cookies Consent In Sites, pero hay que pegarlo justo antes del cierre de la etiqueta /head no antes del /body

    Un saludo.

    ResponderEliminar
  3. Hola, he probado Cookies Consent in sites y va perfecto. Pero quería hacerte sólo una pregunta: Sería posible hacer que la letra de ese aviso sea más pequeña? Gracias

    ResponderEliminar
    Respuestas
    1. Hola, para cambiar el tamaño de la tipografía, tienes que hacerlo por CSS.

      En el ejemplo que tenemos en nuestro CodePen las clases que controlan la tipografía son estas:

      .cc-revoke, .cc-window {
      box-sizing: border-box;
      font-family: "Roboto",sans-serif;
      font-size: 12px;
      line-height: 1.5em;
      overflow: hidden;
      padding: 1em 0.3em;
      position: fixed;
      text-align: center;
      z-index: 9999;
      }

      Sólo habría que cambiar la propiedad font-size: 12px;

      Saludos

      Eliminar
  4. Holaaaa! El código funciona perfectamente. Sólo una cosita... Cómo hacer para que el pop up sólo se abra una vez durante la navegación?
    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Ya lo hace por defecto, para probarlo bien hay que subirlo a un servidor.

      Eliminar
  5. Sí, totalmente cierto!
    Quedo muy agradecido :)

    ResponderEliminar
  6. Buenos días, ¿cómo se haría para forzar que vuelva a aparecer el popup? Por ejemplo un cambio de condiciones dentro de la web que obliga a la nueva aceptación de las cookies.

    Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Me parece que no es posible, en este enlace https://github.com/osano/cookieconsent/issues/79 puedes ver más información sobre el asunto.

      Eliminar
  7. magnifico, lo puse en mi blog en github que es estático

    ResponderEliminar