Aviso de cookies para WordPress

Hoy vamos a ver como integrar un aviso de Cookies en nuestro WordPress de una forma sencilla y rápida, simplemente agregando un nuevo archivo JS a nuestro Theme y unas pocas lineas de código en nuestro Footer.

Lo primero que debemos haces es descargar el archivo cookiechoices.js que os dejamos AQUÍ, es un archivo .rar que contiene dentro el archivo cookiechoices.js, lo descomprimís y lo ponéis en la carpeta JS de vuestro Theme, si no tenéis una carpeta llamada así, debéis crearla y pegar dentro el archivo.

Lo siguiente que debemos hacer es localizar el archivo footer.php de nuestro Theme, como siempre lo abrimos con nuestro ID de programación favorito y copiamos el siguiente código para pegarlo justo antes de etiqueta de cierre del Footer.




<?php
<!-- COOKIES -->
<
script src="<?php bloginfo('stylesheet_directory');?>/js/cookiechoices.js"></script>
<
script>
  
document.addEventListener('DOMContentLoaded', function(event) {
    
cookieChoices.showCookieConsentDialog
('<?php _e('En está pagina estamos utilizando Cookies propias y de tercerossi sigues navegando por nuestro sitio asumiremos que las aceptas.','tu-theme'); ?>',
 
'<?php _e('estoy de acuerdo','tu-theme'); ?>'
 
'<?php _e('Más información','tu-theme'); ?>'
 
'<?php echo get_bloginfo('home'); ?>/politica-de-privacidad/');
  });
</
script>
<!-- 
END COOKIES --->
?>

Como podéis ver lo primero que hacemos es cargar el archivo cookiechoices.js desde la carpeta JS de nuestro Theme, si has decidido cambiar la ruta del archivo deberás cambiarla aquí también, luego creamos el mensaje que aparece a nuestros usuarios, esto lo podéis personalizar a vuestro gusto.

Lo que sigue ahora es lo más importante, creamos los botones “estoy de acuerdo” y “más información”, si el usuario pincha sobre estoy de acuerdo acepta todas las Cookies y no volverá a ver el mensaje, en cambio si pincha sobre más información, en este caso se le envía a la pagina de política de privacidad, lógicamente vosotros debéis personalizar este campo para que dirija a la pagina que más os convenga, ya sea la de política de privacidad o la de cookies personalizada, el caso es que debéis tener una pagina para ambas cosas o una pagina para cada una de las cosas, eso es por ley, por lo menos en España.

Y por último el CSS, en este caso viene integrado dentro del archivo cookiechoices.js, con los estilos que hay ahora os saldrá un fondo rojo, con texto blanco y los enlaces en azul, pero como veis en la imagen en las lineas 18, 19, 34, 35, 36, 37, 38 y 39 podéis personalizar a vuestro gusto todo el mensaje por completo, lo podéis cambiar de colores, de posición, lo que vosotros queráis.

247 Visitas

14 febrero, 2020 por ricard

ricard
Soy Ricard FS, me dedico a la programación desde el año 2000, me dediqué en pleno a WordPress desde el año 2015, ahora creo Plugins y Theme para WordPress desde código cero, y me gusta la divulgación de código, por ello la creación de este blog.

Deja tu comentario

Deja una respuesta

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

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: