A todos nos a pasado que cuando navegamos por internet y entramos a un blog o pagina web nos aparezca un aviso o ventana flotante de cookies. La ventana de Cookies en un sitio web es importante, pues sirven para mejorar la experiencia de navegación, además esta recopila tu información de búsqueda. En este articulo te enseñaremos a poner cookies en tu pagina web y la razón de por que deberías hacerlo.
¿Por que debo poner cookies en mi pagina web?
Como toda herramienta las cookies te dan una variedad de beneficios tanto para el lector y el dueño del sitio. Principalmente al lector le ayuda a mejorar su experiencia de búsqueda, además las cookies guardaran las búsquedas mas recientes del lector para poder mostrarle anuncios referentes. Al sitio web esto le interesa muchísimo, pues aumentan sus ingresos ya que la posibilidad de que el lector haga clic es alta.
En la actualidad una de las AdNetwork mas conocidas «Google Adsense» nos recomienda insertar en nuestra web el aviso de cookies para una mejora con sus servicios.
A continuación, te enseñaremos como poner el aviso de cookies en tu web paso a paso.
Guía para insertar cookies en tu web
Esta guía te servirá siempre y cuando tengas acceso a el hosting de tu web, pues insertaremos códigos en el body de nuestra web para que la ventana de cookies funcione correctamente.
Insertar Código entre las etiquetas <Head>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />El codigo de arriba el cual va entre las etiquetas del head de nuestra web, sirven para darle estilo a la ventana de cookies, asi que es muy recomendable insertarla.
Insertar Cuerpo de la ventana de cookies
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#000"
},
"button": {
"background": "#f1d600"
}
},
"theme": "classic",
"type": "opt-out",
"content": {
"message": "Este sitio web utiliza cookies para garantizar que obtenga la mejor experiencia en nuestro sitio web",
"dismiss": "Aceptar",
"deny": "Rechazar",
"link": "Leer Mas",
"href": "tu-link-de-politicas-de-privacidad"
}
});
</script>El codigo de arriba en si es el cuerpo de la ventana de cookies de tu web, se recomienda cambiar «tu-link-de-politicas-de-privacidad» por la url de la pagina de políticas de privacidad de tu sitio.
Espero les haya servido de ayuda para poder insertar la ventana de cookies en tu blog o sitio web.
