Nouveau titre : Concevoir une fenêtre contextuelle de consentement aux cookies WordPress

Avez-vous déjà rencontré un site Web qui affiche une petite fenêtre vous demandant si vous acceptez qu'ils stockent vos cookies ? La fenêtre ne disparaîtra pas sauf si vous acceptez ou sélectionnez une autre option.

C'est ce que nous appelons une « pop-up de consentement aux cookies ».

Dans ce guide, je vais vous expliquer comment ajouter une fenêtre contextuelle de consentement aux cookies à votre site Web WordPress en quelques étapes simples.

Mais avant d’ajouter la fenêtre contextuelle de consentement aux cookies WordPress, nous devons comprendre pourquoi les cookies sont nécessaires en premier lieu.

Que sont les cookies ?

En termes simples, les cookies sont de petits fichiers stockés par votre navigateur Web qui permettent aux serveurs Web de suivre la façon dont vous utilisez leur site Web.

Accéder à un site Web à partir d'un navigateur peut sembler un processus simple, mais c'est un peu plus compliqué en coulisses. Avant qu'un site Web n'apparaisse sur votre écran, une série de communications aller-retour se produit entre votre navigateur et le serveur.

Lorsque vous saisissez une URL, votre navigateur demandera certaines informations au serveur hébergeant le site Web. Le serveur, quant à lui, demandera à votre navigateur de renvoyer certaines informations. Une fois que les deux parties sont satisfaites et se serrent la main, le site Web que vous souhaitez visiter devient visible.

C'est là que les cookies entrent en jeu. Ils ont apporté quelques optimisations au système. Les cookies stockent toutes les informations nécessaires sur l'interaction d'un utilisateur avec le site Web et fournissent ces informations au serveur afin qu'il puisse offrir une expérience cohérente sur toutes les pages du site Web et entre les sessions.

Lorsqu'un utilisateur visite un site Internet pour la première fois, un cookie est créé sur son ordinateur. S'ils visitent à nouveau le même site Web, un cookie sera envoyé au serveur contenant des informations sur la manière dont ils ont utilisé le site précédemment. Par exemple, si vous ajoutez un article à votre panier dans une boutique en ligne, l'article sera généralement répertorié dans un cookie. De cette façon, lorsque vous naviguez vers une autre page ou même revenez au magasin, vos articles seront toujours dans votre panier.

Les cookies ont été initialement développés pour améliorer l'expérience utilisateur et ne nécessitent aucune autorisation. Cependant, les cookies sont de plus en plus utilisés pour suivre les utilisateurs d'une manière qu'ils n'avaient jamais prévue. Les problèmes de confidentialité étant devenus de plus en plus importants ces dernières années, certaines juridictions exigent que vous obteniez l'autorisation des utilisateurs avant d'envoyer et de recevoir des cookies depuis leurs ordinateurs.

Cela dit, commençons à créer notre propre fenêtre contextuelle de consentement aux cookies WordPress et donnons à vos utilisateurs la confidentialité qu'ils méritent.

Mais votre site Web nécessite-t-il d'abord le consentement aux cookies ?

Votre site Web nécessite-t-il une fenêtre contextuelle de consentement aux cookies ?

Soyons honnêtes. La plupart des sites Web utilisent des cookies. Toutefois, si vous n'êtes pas sûr, vous pouvez déterminer si votre site Web stocke des cookies. Après tout, développer des fenêtres contextuelles de consentement aux cookies pour les sites Web qui n'utilisent pas de cookies n'est pas la meilleure utilisation de votre temps.

Pour connaître l'état des cookies de votre site Web à l'aide de Google Chrome, saisissez l'URL et attendez qu'elle se charge correctement. Ensuite, cliquez sur l'icône de verrouillage à côté de l'URL de votre site Web. Dans le menu déroulant qui apparaît, vous verrez le nombre de cookies utilisés par votre site.

Si un ou plusieurs cookies sont utilisés et que votre site est utilisé par des utilisateurs de l'UE ou de Californie, votre site nécessite une fenêtre contextuelle de consentement aux cookies WordPress.

Ajoutez une fenêtre contextuelle de consentement aux cookies à votre site WordPress

WordPress vous permet d'ajouter une fenêtre contextuelle de consentement aux cookies à votre site Web en quelques clics. Pour cela, vous n'avez besoin d'aucune connaissance en programmation. Cependant, disposer d’informations générales sur les plugins WordPress est nécessaire pour optimiser votre utilisation de WordPress.

WordPress propose une variété de plugins pour intégrer des fenêtres contextuelles de consentement aux cookies dans votre site Web. Dans ce tutoriel, j'utiliserai le plugin gratuit CookieYes.

Installer le plug-in CookieYes

Vous pouvez installer ce plugin contextuel de consentement aux cookies comme n'importe quel autre plugin depuis votre tableau de bord WordPress.

Survolez le menu Plugins dans la barre de navigation de gauche. Sélectionnez Ajouter un nouveau plugin et vous serez redirigé vers une nouvelle fenêtre contenant tous les plugins gratuits possibles proposés par WordPress.

Recherchez les plugins CookieYes et installez le premier affiché.

Une fois l’installation terminée, activez-la et vous êtes prêt à partir.

Voyons maintenant quelles options ce plugin de consentement aux cookies vous offre.

Paramètres de consentement aux cookies RGPD

Après l'activation, le plugin apparaîtra dans la barre de navigation de gauche. Passez la souris sur Consentement aux cookies GPDR et sélectionnez Paramètres.

Ici, vous pouvez personnaliser la fenêtre contextuelle de consentement aux cookies WordPress pour votre site Web.

Dans les paramètres, vous verrez cinq autres onglets, qui proposent tous différents types de personnalisation pour vos popups. Dans l'onglet Général, vous pouvez activer ou désactiver les fenêtres contextuelles. Il sera activé par défaut lorsque vous accéderez aux paramètres pour la première fois.

Examinons de plus près toutes les options de personnalisation proposées par l'onglet Général.

Paramètres généraux

En plus d'activer simplement les pop-ups, cet onglet vous permet également de sélectionner les types de lois en vertu desquelles votre site Web accepte les cookies.

Chaque région a ses propres lois concernant les cookies. Par conséquent, vous devez faire quelques recherches avant de choisir l’option la plus adaptée à votre site Web.

De plus, vous pouvez choisir si la fenêtre contextuelle disparaît après un certain temps lorsque l'utilisateur commence à faire défiler. Si la fenêtre contextuelle disparaît de cette façon, cela signifie que vous supposez que l'utilisateur a consenti à ce que vous stockiez ses informations.

Assumer le consentement de cette manière n’est pas une bonne idée. En fait, c'est très contraire à l'éthique car l'utilisateur ici ne vous donne pas d'autorisation directe, désactivons donc cette option.

Maintenant, passons à la personnalisation de la fenêtre contextuelle de consentement aux cookies WordPress .

Personnaliser la fenêtre contextuelle de consentement aux cookies

Voici à quoi ressemble la popup au début, en bas de la page d'accueil :

Comme vous pouvez le constater, il s'agit plus d'une bannière que d'une fenêtre contextuelle de consentement aux cookies.

Cependant, une fois que vous avez sélectionné l'option Accepter tout, la fenêtre contextuelle disparaîtra. Il ne vous permettra pas de voir les autres personnalisations que vous y avez apportées. À des fins de test, vous devez garder cette fenêtre contextuelle visible afin que vous puissiez voir les modifications. Vous pouvez autoriser cela en activant le widget Revisiter le consentement.

Cela peut être fait via l'onglet Personnaliser Cookie Bar >

Cela vous permettra de toujours garder un bouton sur votre site internet grâce auquel vous pourrez accéder au menu contextuel. Vous pouvez également modifier l'emplacement de ce bouton si vous le souhaitez. Pour ce tutoriel, c'est dans le coin inférieur gauche de l'écran.

Pour transformer la bannière de consentement aux cookies en fenêtre contextuelle, faites défiler jusqu'à l'option

Afficher la barre de cookies en tant que et sélectionnez Pop-ups. Vous pouvez y ajouter une superposition si nécessaire.

L'ajout d'une superposition à votre fenêtre contextuelle de consentement aux cookies WordPress empêchera les utilisateurs d'accéder au site jusqu'à ce qu'ils agissent à partir de la fenêtre contextuelle.

D'autres options de cet onglet vous permettront de modifier la couleur d'arrière-plan, la couleur et le style de police de la fenêtre contextuelle. Vous pouvez également ajouter un message personnalisé et un titre personnalisé à la fenêtre contextuelle, une option qui peut être utilisée pour renforcer le message de votre marque.

Mais existe-t-il une personnalisation des boutons disponible pour la fenêtre contextuelle de consentement aux cookies ?

Boutons personnalisés

Il s'agit du troisième onglet du menu des paramètres et il vous permet de faire preuve de créativité avec les boutons de la fenêtre contextuelle de consentement aux cookies.

Par défaut, seuls deux boutons seront intégrés dans le menu contextuel.

Voici comment ajouter un nouveau bouton :

Sélectionnez le bouton que vous souhaitez ajouter dans la balise
1. Boutons personnalisés.
Copiez le code entre parenthèses en haut de la page.
Accédez à nouveau à l'onglet
3. Personnaliser la barre de cookies.
Collez le code dans la boîte de message.

Vous pouvez ajouter quatre types de boutons différents à votre popup.

Supposons que nous souhaitions ajouter un bouton de rejet dans une fenêtre contextuelle pour les utilisateurs qui ne souhaitent pas que leurs informations soient stockées sur le serveur. Pour ce faire, nous ajouterons

[cookie_reject] dans la boîte de dialogue de message des paramètres de la Custom Cookie Bar.

Voici comment le bouton de rejet apparaît dans la popup :

Après avoir intégré le bouton, vous pouvez modifier sa taille, la couleur de fond, la couleur du texte, etc. Vous pouvez même ajouter un lien vers une autre page Web vers laquelle les utilisateurs seront redirigés lorsqu'ils cliqueront sur un bouton spécifique dans la fenêtre contextuelle de consentement aux cookies.

Conclusion

En quelques étapes simples, vous pouvez désormais intégrer une fenêtre contextuelle de consentement aux cookies dans votre site Web WordPress. CookieYes n'est qu'un plugin. Si vous le souhaitez, vous pouvez explorer davantage de plugins de cookies disponibles sur WordPress.

CodeCanyon propose également des milliers de plugins WordPress premium qui peuvent vous aider à améliorer le site Web de votre entreprise. Parcourez cette vaste collection de plugins et vous trouverez des plugins utiles dans tous les types de catégories, du marketing au commerce électronique en passant par les médias sociaux.

Voici un dernier conseil : vous devez garder votre fenêtre contextuelle de consentement aux cookies aussi simple et discrète que possible. Il contribue à l’expérience utilisateur globale. En fait, cette astuce s’applique également aux autres pop-ups que vous souhaitez afficher sur votre site Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!