Crear aviso de cookies con Cookie Consent

Crear aviso de cookies con Cookie Consent Crear aviso de cookies con Cookie Consent

Demostración

En aportes anteriores ya hemos aprendido sobre como personalizar el aviso de cookies de blogger. En esta ocasión vamos a prescindir directamente de él y usar otro método, el cual es el mismo aviso que utilizo en zkreations.


Cookie Consent

Se trata de un proyecto sin ninguna dependencia (vanilla js) que nos permite tener el aviso de forma rápida y personalizada, aunque lo más óptimo no tener que mostrar ningún aviso, pero ya que no hay de otra, lo mejor es que tenga un estilo agradable, que no estorbe y que cumpla su función.


Deshabilitar aviso de Blogger

Antes de comenzar, debemos deshabilitar el que blogger inserta, cabe recalcar que este tutorial sirve para cualquier pagina o plataforma, este paso solo es necesario en blogger. Vamos a ir a Temas, Editar HTML y debajo de <head> pegamos lo siguiente:


<script>cookieChoices = {};</script>

Crear aviso

Ahora vamos a dirigirnos hacia Download Cookie Consent. En el primer paso seleccionamos la posición de nuestro banner:


posicion banner aviso cookies

En el segundo paso lo que hacemos es seleccionar el tipo de banner que queremos, yo recomiendo utilizar el que se adecue mas al diseño de tu blog:


estilo banner aviso

El tercer paso corresponde al tema, al igual que el punto anterior, recomiendo elegir el mas similar al diseño de tu blog, o si lo prefieres escribe tus propios colores:


temas colores personalizacion aviso cookies


En el cuarto paso marcamos la segunda opción que nos permite utilizar nuestro propio enlace de "mas informacion" y utilizar https://www.google.com/policies/technologies/cookies/


link informacion cookies

El quinto paso nos permite decidir el tipo de "cumplimiento", en este caso solo podemos hacer uso de la primera opción, la cual se basa en aceptar tus cookies (la más común), la segunda y la tercera da control al los usuarios para deshabilitarlas o habilitarlas:


cumplimiento cookies aviso

Por ultimo lo que nos queda es escribir la información que el banner mostrara a los visitantes, el texto de "mas información" y el de aceptacion:


texto-banner-cookies

En cuanto al aviso, debes indicar las cookies que usas para los servicios que prestas, si solo usas Adsense y Analytics el texto que deberías escribir en el primer cuadro es el siguiente:


Este sitio emplea cookies de Google para mostrar anuncios, realizar analitica y prestar sus servicios.

Ya solo nos queda dar clic al botón "Copy code", para obtener el código que hemos personalizado hasta el momento. Ahora en el caso de Blogger, nos vamos a dirigir a Temas, edicion html y pegamos todo el código copiado arriba de </head>. Guardamos los cambios y listo.


Conclusión

Una de las razones por la cual opte por Cookieconsent en lugar del aviso de blogger, es que este último tiene un pequeño problema, y es que si aceptas el aviso en una entrada o página estática, vuelve a aparecer en otras paginas hasta que no aceptes el aviso en la principal.


Espero que este tutorial les sirva, cualquier duda dejenla en los comentarios y si te ha servido no olvides compartir este articulo, eso me ayudaria mucho.