Añadir enlace para volver a mostrar el pop up de Cookies de Complianz

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:

  1. 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.
  2. 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>

 

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Necesitas un snippet? Pídenoslo

¿No encuentras el código que necesitas? Pídenoslo y te ayudamos. También puedes publicar tus snippets.

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

condiciones de uso diseño web

¿Necesitas un snippet?

Cuéntanos que necesitas e intentaremos crear un snippet que lo realice. Si lo conseguimos, lo publicaremos y te avisaremos por correo.

¡Comparte tu snippet!

Si has creado un snippet y quieres compartirlo, envíanoslo y lo publicaremos enlazando tu web debajo de la publicación.

Relacionados:

Enviar contenido a mi correo

Guárdarte el contenido en tu correo para probarlo más tarde.