La necesidad de cumplir con las regulaciones de privacidad y consentimiento de los usuarios. Si estás buscando una forma sencilla de mostrar un banner de cookies en tu sitio web de WordPress al hacer clic en un enlace o botón, este snippet es para ti.
¿Cómo funciona?
Este snippet de código se compone de dos partes principales:
- Función JavaScript: Esta función se encarga de escuchar el evento de clic en cualquier elemento con la clase
.cmplz-show-banner
. Al hacer clic en dicho elemento, se activará el banner de cookies. - Hook de WordPress: Se utiliza el hook
wp_footer
para agregar la función JavaScript al pie de página de tu sitio web.
Código del Snippet
function cmplz_show_banner_on_click() { ?> <script> function addEvent(event, selector, callback, context) { document.addEventListener(event, e => { if ( e.target.closest(selector) ) { callback(e); } }); } addEvent('click', '.cmplz-show-banner', function(){ document.querySelectorAll('.cmplz-manage-consent').forEach(obj => { obj.click(); }); }); </script> <?php } add_action( 'wp_footer', 'cmplz_show_banner_on_click' );
Implementación
Para mostrar el popup de preferencias de cookies, simplemente debes agregar el siguiente código HTML en el lugar donde desees que aparezca el enlace:
<a class="cmplz-show-banner">Preferencias Cookies</a>