Mensaje de aceptar cookies para tu web

Crea Mensaje de aceptar cookies par un sitio web

“Las Cookies son archivos creados por un sitio web que contienen pequeñas cantidades de datos y que se envían entre un emisor y un receptor. En el caso de Internet el emisor sería el servidor donde está alojada la página web y el receptor es el navegador que usas para visitar cualquier página web”

Ya que existe una ley LOPDGDD (Ley orgánica de protección de datos y garantía de derechos digitales), adapta el RGPD de la Unión Europea al marco español. Ambas repercuten en cómo las webs recogen el consentimiento de sus visitantes y tratan los datos personales de los usuarios.

Asi que cada sitio web se ve obligado a presentar que su sitio web usa cookies a todos sus visitantes y ellos aceptar que estan deacuerdo.

Crea Mensaje de cookies sin plugins

Existen varios plugins que te ayudarían a crear un cuadro de cookies pero tantos plugins en un sitio web lo alentarían y Google últimamente esta limitando a los sitios web lentos así que aquí te muestro los códigos que necesitas pegar en tu sitio web para que la barra de cookies se muestre son problemas.

Primero añadimos lo siguiente a nuestra cabecera para mandar a llamar jquery ya que es necesario si no lo tienes en tu sitio web

<head>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
</head>

Segundo agregamos el codigo en cualquier parte del cuerpo denuestro sitio web dentro delas etiquetas body


<script>

function compruebaAceptaCookies() {
  if(localStorage.aceptaCookies == 'true'){
    cajacookies.style.display = 'none';
  }
}

function aceptarCookies() {
  localStorage.aceptaCookies = 'true';
  cajacookies.style.display = 'none';
}

$(document).ready(function () {
  compruebaAceptaCookies();
});

</script>
<div id="cajacookies">
<p><i class="fa fa-times">
Éste sitio web usa cookies, si permanece aquí acepta su uso.
Puede leer más sobre el uso de cookies en nuestra <a href="https://angellomix.com/politica-de-privacidad/">política de privacidad</a>.
</p><button onclick="aceptarCookies()" class="pull-right"></i> Aceptar y cerrar</button>
</div>

Aquí ya debería verse el cuadro de aceptar los cookies en nuestro sitio web, podemos editar el link de la politica con el de la política de nuestro sitio web y dirigirlos a este.

Lo ultimo seria darle una ayuda a nuestro cuadro de mensaje para que se vea mas profesional con este código css que puedes editar también a tu gusto

<style type="text/css">
#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: #50D8F7;
  color: black;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}

#cajacookies button {
  color: black;
}

</style>

Se vera así, tu puedes editar el botón, las letras y los colores a tu gusto

mensaje de política de aceptar cookies en tu sitio web sin plugins ni programas
Mensaje de política de aceptar cookies en tu sitio web sin plugins ni programas

Preguntas? Comenta estoy para ayudarte

Deja un comentario