Ajout d'une barre de cookies flottants fiable dans le pied de page du site Web WordPress

Ajout d'une barre de cookies flottante dans le pied de page du site WordPress

Aujourd'hui, nous allons vous présenter les moyens pratiques d'ajouter une barre de cookies flottante WordPress dans la zone de pied de page pour informer votre public que votre site Web collecte des cookies.

Une barre de cookies flottante est également appelée bannière de consentement aux cookies ou barre de notification des cookies. Il s'agit d'une fonctionnalité courante utilisée par les sites Web pour se conformer à diverses lois sur la confidentialité, telles que le RGPD de l'Union européenne et les lois sur la confidentialité d'autres pays.

Il s'agit d'un moyen idéal pour démontrer la conformité de votre site à toutes les lois internationales pertinentes, notamment la directive européenne sur la confidentialité en ligne, la directive européenne sur les cookies, etc.

Les cookies sont des éléments de fichiers ou d'informations importants envoyés d'un site Web au PC de l'utilisateur via le navigateur Web sous forme de morceaux de texte.

Bien que cette simple description puisse paraître délicate, il s'agit d'un mécanisme utile visant à identifier et suivre les utilisateurs en ligne, à mémoriser certaines informations (comme les articles que vous avez ajoutés à votre panier en ligne) ou à enregistrer les détails et les activités de navigation (pages visitées, connexions).

Par exemple, lorsque vous naviguez sur un site Web à l'aide de cookies et que vous saisissez vos informations personnelles pour vous inscrire ou vous connecter, ces informations personnelles (nom, adresse e-mail, etc.) sont regroupées dans un cookie et reçues par le navigateur pour le stockage.

Et chaque fois que vous visiterez ce site Web pour la prochaine fois, votre navigateur enverra des cookies au serveur. Cela signifie que vous n'avez pas besoin de saisir vos coordonnées à chaque fois que vous visitez ce site.

Ainsi, les cookies vous permettent de vous promener et de naviguer plus facilement sur les sites Web, de remplir des formulaires et bien plus encore.

Bien que la création et le stockage de cookies soient un processus automatique qui ne dérange techniquement pas vos internautes, vous êtes tenu de leur faire savoir que votre site Web collecte des cookies.

Et ils devront l’accepter, ou simplement continuer (selon le cas), ce qui impliquera également qu’ils y donnent leur consentement.

Maintenant que nous avons résumé l’importance des cookies sous forme numérique, révélons les façons dont vous pouvez ajouter une barre de cookies flottante WordPress dans la zone de pied de page.

Si vous souhaitez qu'un contenu important, tel que celui relatif aux cookies, soit visible à tout moment par les visiteurs de votre site Web, le meilleur moyen est de l'insérer dans la barre de pied de page flottante.

Commençons par la création manuelle d'une barre de cookies flottante en pied de page à l'aide d'un client FTP ou du gestionnaire de fichiers cPanel.

Quant aux clients FTP, ils doivent insérer le fichier footer.php dans leur dossier de thème WP et le télécharger sur le bureau.

L'étape suivante consiste à ouvrir le pied de page. php dans n’importe quel éditeur de texte et ajoutez le code mentionné ci-dessous juste avant la balise pre :

 <div>
<div>
<ul>
<li><a> L'avis sur les cookies est le premier élément</a></li>
<li><a>WordPress.org est le deuxième élément</a></li>
</ul>
</div>
</div>

Vient ensuite la partie des contrôles de style CSS permettant la visualisation nécessaire de votre barre de cookies flottante WordPress dans la zone de pied de page. Vous pouvez le faire en ajoutant du CSS au fichier style.css de votre modèle ou via l'un des plugins CSS personnalisés.

À ce stade, nous devrons utiliser jQuery pour que les éléments inclus dans votre liste soient présentés de manière aléatoire à chaque chargement de la page.

Copiez le lien ci-dessous dans n'importe quel éditeur de texte :

 (fonction ($) {
this.randomtip = fonction(){
	var longueur = $("#tips li").longueur;
	var a couru = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
} ;

$(document).ready(function(){	
	pointe aléatoire ();
});
})( jQuery );

Enregistrez ensuite ce fichier sous floatbar.js et continuez avec votre client FTP pour connecter votre serveur web. Allez maintenant dans le dossier du thème et placez le dossier js. S'il n'existe pas de dossier de ce type, vous devez le créer, puis ajouter floatbar.js à ce dossier.

L'étape suivante pour copier le code ci-dessous dans le fichier function.php :

 fonction 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' );

Fini! Vous avez ajouté avec succès la barre de cookies flottante WordPress dans la zone de pied de page. Vous pouvez maintenant essayer de recharger votre page Web pour voir l'affichage aléatoire des éléments inclus dans votre liste.

Si vous vous sentez dépassé par tous les contrôles de codage décrits ci-dessus, nous vous proposons d'envisager une option alternative avec moins de tracas autour des codes.

Il existe des plugins WP utiles de notification de cookies et de consentement aux cookies pour ajouter facilement une barre de cookies flottante WordPress dans la zone de pied de page ou ailleurs sur votre site.

1. Choix de cookies en Italie :

Bien que ce plugin soit prêt à vous fournir plus de fonctionnalités que ce dont vous pourriez avoir besoin, il s'agit de l'une des solutions populaires liées aux cookies que vous pouvez avoir pour votre site WP.

Téléchargez le dossier concerné dans votre répertoire et activez-le via votre tableau de bord, Plugins. Rendez-vous ensuite sur Paramètres, Choix de cookies en Italie pour configurer le plugin en fonction de vos besoins.

Avec ce plugin, vous pouvez rapidement styliser, modifier et localiser votre barre de cookies dans la zone de pied de page et informer les visiteurs de votre site Web de votre politique en matière de cookies uniquement lors de leur première visite sur votre site.

Vous êtes libre de choisir d'afficher votre barre de cookies sous une forme standard, avec des gros ou des petits boutons. C'est aussi à vous de décider de sa position : haut, dialogue, bas.

2. Informations sur la loi sur les cookies :

Le prochain plugin qui répond un peu à ce dont vous avez besoin s'appelle Cookie Law Info. Optimisé pour les utilisateurs et les développeurs, ce plugin peut se vanter de plus de 200 000 installations actives et de milliers de clients satisfaits.

Ce produit ne nécessite aucune connaissance en codage de votre part et permet de configurer la barre de cookies avec votre texte, vos couleurs, votre style, etc. spécifiques. Cela vous permettra de mélanger et d'assortir la barre de cookies avec la conception globale et le visage de votre site.

Quant aux autres avantages dont vous aurez si vous choisissez Cookie Law Info, vous pourrez traduire vos textes dans différentes langues à tout moment puisque ce plugin est entièrement compatible avec les plugins WPML et qTranslate.

Ainsi, avec ce plugin, vous pouvez choisir si vous souhaitez afficher votre barre de cookies en en-tête ou en pied de page, configurer la barre pour qu'elle disparaisse après quelques secondes ou accepter la politique de cookies si l'utilisateur du site fait défiler.

Autres plugins WordPress associés : Plugins WordPress RGPD