Agregar 1 barra de cookies flotante confiable en el pie de página del sitio web de WordPress

Publicado: 2024-02-16

Agregar una barra de cookies flotante en el pie de página del sitio web de WordPress

Hoy le dejaremos con las formas prácticas de agregar una barra de cookies flotante de WordPress en el área del pie de página para notificar a su audiencia que su sitio web está recopilando cookies.

Tabla de contenido

Una barra de cookies flotante también se conoce como banner de consentimiento de cookies o barra de notificación de cookies. Es una característica común utilizada por los sitios web para cumplir con varias leyes de privacidad como GDPR en la Unión Europea y leyes de privacidad de otros países.

Esta es una manera perfecta de mostrar el cumplimiento de su sitio con todas las leyes internacionales relevantes, incluida la Directiva de privacidad electrónica de la UE, la Directiva de cookies de la UE, etc.

Las cookies son archivos o información importante que se envían desde un sitio web a la PC del usuario a través del navegador web en forma de fragmentos de texto.

Si bien esta simple descripción puede parecer complicada, es un mecanismo útil destinado a identificar y rastrear a los usuarios en línea, recordar cierta información (como los artículos que agregó a su carrito de compras en línea) o registrar detalles y actividades de navegación (páginas visitadas, inicios de sesión).

Por ejemplo, cuando navega por un sitio web utilizando cookies e ingresa su información personal para registrarse o iniciar sesión, esa información personal como nombre, dirección de correo electrónico, etc. se empaqueta en una cookie y el navegador la recibe para su almacenamiento.

floating cookies bar WordPress

Y cada vez que visite ese sitio web la próxima vez, su navegador enviará cookies al servidor. Significa que no necesita ingresar sus datos cada vez que visita ese sitio.

Por lo tanto, las cookies le facilitan la navegación por sitios web, la cumplimentación de formularios y mucho más.

Si bien la creación y el almacenamiento de cookies es un proceso automático que técnicamente no molesta a los usuarios de su web, usted está obligado a informarles que su sitio web está recopilando cookies.

Y tendrán que aceptarlo, o simplemente seguir adelante (según sea el caso) lo que también implicará que den su consentimiento.

Ahora que hemos resumido la importancia de las cookies en el formato digital, revelemos las formas en que puede agregar una barra de cookies flotante de WordPress en el área del pie de página.

En caso de que desee que el contenido importante, como el que contiene cookies, sea visible para los visitantes de su sitio web en todo momento, la mejor manera es insertarlo en la barra de pie de página flotante.

Comencemos con la creación manual de una barra de cookies flotante en el pie de página mediante el cliente FTP o el administrador de archivos cPanel.

En cuanto a los clientes FTP, deben colocar el archivo footer.php en su carpeta de temas de WP y descargarlo al escritorio.

El siguiente paso es abrir el pie de página. php en cualquier editor de texto y agregue el código mencionado a continuación justo antes de la etiqueta previa:

 <div>
<div>
<ul>
<li><a> El aviso de cookies es el primer elemento</a></li>
<li><a>WordPress.org es el segundo elemento</a></li>
</ul>
</div>
</div>

Lo siguiente es la parte de los controles de estilo CSS para dar como resultado la visualización necesaria de su barra de cookies flotante de WordPress en el área del pie de página. Puede hacer esto agregando CSS al archivo style.css de su plantilla o mediante uno de los complementos CSS personalizados.

En este punto, necesitaremos usar jQuery para que los elementos incluidos en su lista se muestren aleatoriamente cada vez que se cargue la página.

Copie el siguiente enlace en cualquier editor de texto:

 (función ($) {
this.randomtip = función(){
	var longitud = $("#tips li").length;
	var corrió = Math.floor(Math.random()*longitud) + 1;
	$("#tips li:nth-child(" + corrió + ")").show();
};

$(documento).listo(función(){	
	punta aleatoria();
});
})(jQuery);

Luego guarde este archivo como floatbar.js y continúe con su cliente FTP para conectar su servidor web. Ahora vaya a la carpeta del tema y coloque la carpeta js. Si no existe dicha carpeta, debe crearla y luego agregar flotantebar.js a esa carpeta.

El siguiente paso es copiar el siguiente código en el archivo funciones.php:

 función wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action('wp_enqueue_scripts', 'wpb_floating_bar');

¡Finalizado! Ha agregado con éxito la barra de cookies flotante de WordPress en el área del pie de página. Ahora puede intentar recargar su página web para ver la visualización aleatoria de los elementos incluidos en su lista.

Si se siente abrumado con todos los controles de codificación descritos anteriormente, le ofrecemos considerar una opción alternativa con menos problemas con los códigos.

Hay complementos útiles de WP para notificación de cookies y consentimiento de cookies para agregar fácilmente una barra de cookies flotante de WordPress en el área del pie de página o en algún otro lugar de su sitio.

1. Opciones de galletas de Italia:

italy cookie choices

download

Si bien este complemento está listo para brindarle más funciones de las que podría necesitar, es una de las soluciones populares relacionadas con las cookies que puede tener para su sitio WP.

Cargue la carpeta correspondiente a su directorio y actívela a través de su Panel de control, Complementos. Luego dirígete a Configuración, Opciones de cookies de Italia para configurar el complemento según tus necesidades.

Con este complemento puede estilizar, modificar y ubicar rápidamente su barra de cookies tanto en el área del pie de página como avisar a los visitantes de su sitio web sobre su política de cookies solo la primera vez que visitan su sitio.

Eres libre de elegir si deseas mostrar tu barra de cookies de forma estándar, con botones grandes o pequeños. También eres tú quien decide su posición: arriba, diálogo, abajo.

2. Información sobre la Ley de Cookies:

download

El siguiente complemento que explica un poco lo que necesita se llama Cookie Law Info. Optimizado para usuarios y desarrolladores, este complemento puede presumir de más de 200.000 instalaciones activas y miles de clientes satisfechos.

Este producto no requiere ningún conocimiento de codificación por su parte y le permite configurar la barra de cookies con su texto, colores, estilo, etc. específicos. Esto le permitirá mezclar y combinar la barra de cookies con el diseño general y la apariencia de su sitio.

En cuanto a los otros beneficios que tendrás si eliges Cookie Law Info, podrás traducir tus textos a diferentes idiomas cuando sea necesario, ya que este complemento es totalmente compatible con los complementos WPML y qTranslate.

Así, con este complemento podrás elegir si quieres mostrar tu barra de cookies en el encabezado o en el pie de página, configurar la barra para que desaparezca al cabo de unos segundos o aceptar la política de cookies si el usuario de la web hace scroll.

Otros complementos de WordPress relacionados: Complementos de WordPress GDPR