Vous souhaitez apprendre à utiliser les cookies sur votre site WordPress ? Les cookies sont un outil utile pour stocker des informations temporaires dans le navigateur de l’utilisateur, puis utiliser ces informations pour améliorer l’expérience utilisateur grâce à la personnalisation et au ciblage comportemental. Dans ce guide ultime, nous allons vous montrer comment définir, obtenir et supprimer les cookies WordPress comme un pro.
Noter: Ceci est un tutoriel avancé. Cela nécessite que vous ayez une bonne compréhension du HTML, du CSS, du site WordPress et du PHP.
Que sont les cookies ?
Les cookies sont des fichiers en texte brut qui sont créés et stockés dans le navigateur des utilisateurs lorsqu’ils visitent un site Web. Les cookies sont utilisés pour ajouter différentes fonctionnalités sur un site Web.
Voici quelques-unes des utilisations courantes des cookies sur divers sites Web.
- Stocker et gérer les informations de connexion de l’utilisateur
- Stocker des informations de session temporaires lors d’une visite d’utilisateurs
- Les magasins de commerce électronique utilisent des cookies pour mémoriser les articles du panier lors de la visite d’un utilisateur
- Suivre l’activité des utilisateurs sur un site pour offrir une expérience utilisateur personnalisée
- et plus
Comme vous pouvez le voir, les cookies sont un outil très utile pour les propriétaires de sites Web, mais ils peuvent aussi être un peu invasifs. Tendances récentes dans publicité par e-mail, piratage de croissance, et le marketing en ligne dans son ensemble permettent aux sites Web de définir des cookies qui agissent comme une balise et peuvent être utilisés pour stocker et même partager l’activité des utilisateurs sur les sites Web.
C’est pourquoi l’Union européenne a promulgué la loi européenne sur les cookies, qui oblige les propriétaires de sites Web à déclarer qu’ils utilisent des cookies pour stocker des informations.
Comment les cookies sont utilisés dans un site Web WordPress typique
Par défaut, WordPress utilise des cookies pour gérer les sessions des utilisateurs connectés et l’authentification. Il utilise également des cookies pour mémoriser le nom et l’adresse e-mail d’un utilisateur s’il remplit un formulaire de commentaire.
Cependant, de nombreux plugins WordPress sur votre site Web peuvent également définir leurs propres cookies. Par example, OptinMonster vous permet d’afficher différents formulaires d’inscription par e-mail aux nouveaux visiteurs et aux visiteurs connus, et il le fait en utilisant des cookies.
Si vous utilisez des services tiers sur votre site Web, tels que Google Analytics ou Google AdSense, ils peuvent également définir des cookies sur votre site Web.
Vous pouvez afficher tous les cookies du site Web dans les paramètres de votre navigateur. Par exemple, dans Google Chrome, vous devez accéder aux paramètres et rechercher « paramètres de contenu ».
Dans les paramètres de contenu, vous devrez cliquer sur « Cookies » pour ouvrir la page des paramètres de cookies.
Ensuite, vous devez cliquer sur l’option « Tous les cookies et les données du site ».
Sur la page suivante, vous verrez une liste de tous les cookies et données de site stockés sur votre navigateur par tous les sites Web que vous avez visités.
Vous pouvez taper une adresse de site Web dans la zone de recherche, et il vous montrera les données stockées par ce site Web.
En cliquant sur un seul élément, vous obtiendrez plus de détails sur les cookies individuels et leur contenu.
Comment définir un cookie dans WordPress
Pour suivre ce tutoriel, vous devrez ajouter du code au fichier functions.php de votre thème ou à un plugin spécifique au site. Si vous ne l’avez pas encore fait, veuillez consulter notre guide sur la façon de copier et coller des extraits de code dans WordPress.
Nous utiliserons d’abord le setcookie()
fonction en PHP. Cette fonction accepte les paramètres suivants.
- Nom du cookie
- Valeur des cookies
- Expire (Facultatif : définit une période après laquelle le cookie expire)
- Chemin (Facultatif, par défaut, il utilisera la racine du site)
- Domaine (facultatif, utilise par défaut le domaine de votre site Web)
- Sécurisé (facultatif, si vrai, transfère uniquement les données des cookies via HTTPS)
- httponly (Facultatif, lorsqu’il est défini sur true, le cookie n’est accessible que via HTTP et ne peut pas être utilisé par des scripts)
Ajoutons maintenant un extrait de code à votre site WordPress. Ce code stocke l’horodatage exact lorsqu’un utilisateur a visité votre site Web dans un cookie.
function wpb_cookies_tutorial1() { $visit_time = date('F j, Y g:i a'); if(!isset($_COOKIE[wpb_visit_time])) { // set a cookie for 1 year setcookie('wpb_visit_time', $visit_time, time()+31556926); } }
Vous pouvez maintenant visiter votre site Web, puis vérifier les cookies de votre navigateur. Vous trouverez un cookie avec le nom wpb_visit_time
.
Comment obtenir un cookie et l’utiliser dans WordPress
Maintenant que nous avons créé ce cookie qui est stocké dans le navigateur de l’utilisateur pendant 1 an, examinons comment pouvons-nous utiliser ces informations sur notre site Web.
Si vous connaissez le nom d’un cookie, vous pouvez facilement l’appeler n’importe où en PHP en utilisant le $_COOKIE[] variable. Ajoutons du code qui non seulement définit le cookie, mais l’utilise également pour faire quelque chose sur votre site Web.
function wpb_cookies_tutorial2() { // Time of user's visit $visit_time = date('F j, Y g:i a'); // Check if cookie is already set if(isset($_COOKIE['wpb_visit_time'])) { // Do this if cookie is set function visitor_greeting() { // Use information stored in the cookie $lastvisit = $_COOKIE['wpb_visit_time']; $string .= 'You last visited our website '. $lastvisit .'. Check out whats new'; return $string; } } else { // Do this if the cookie doesn't exist function visitor_greeting() { $string .= 'New here? Check out these resources...' ; return $string; } // Set the cookie setcookie('wpb_visit_time', $visit_time, time()+31556926); } // Add a shortcode add_shortcode('greet_me', 'visitor_greeting'); } add_action('init', 'wpb_cookies_tutorial2');
Nous avons commenté le code pour vous montrer ce que fait chaque partie. Ce code utilise les informations stockées dans le cookie et les génère à l’aide du shortcode. Vous pouvez maintenant ajouter un shortcode [greet_me] n’importe où sur votre site Web, et il montrera quand un utilisateur a visité pour la dernière fois.
N’hésitez pas à modifier le code pour le rendre plus utile pour votre site Web. Par exemple, vous pouvez afficher les publications récentes aux utilisateurs connus et les publications populaires aux nouveaux utilisateurs.
Supprimer un cookie dans WordPress
Jusqu’à présent, nous avons appris comment créer un cookie et l’utiliser ultérieurement sur votre site Web. Voyons maintenant comment supprimer un cookie.
Pour supprimer un cookie, vous devez ajouter la ligne suivante à votre code.
unset($_COOKIE['wpb_visit_time']);
N’oubliez pas de remplacer wpb_visit_time par le nom du cookie que vous essayez de supprimer.
Mettons ce code dans un certain contexte en utilisant le même exemple de code que nous avons utilisé ci-dessus. Cette fois, nous supprimerons un cookie et le définirons à nouveau avec de nouvelles informations.
function wpb_cookies_tutorial2() { // Time of user's visit $visit_time = date('F j, Y g:i a'); // Check if cookie is already set if(isset($_COOKIE['wpb_visit_time'])) { // Do this if cookie is set function visitor_greeting() { // Use information stored in the cookie $lastvisit = $_COOKIE['wpb_visit_time']; $string .= 'You last visited our website '. $lastvisit .'. Check out whats new'; // Delete the old cookie so that we can set it again with updated time unset($_COOKIE['wpb_visit_time']); return $string; } } else { // Do this if the cookie doesn't exist function visitor_greeting() { $string .= 'New here? Check out these resources...' ; return $string; } } add_shortcode('greet_me', 'visitor_greeting'); // Set or Reset the cookie setcookie('wpb_visit_time', $visit_time, time()+31556926); } add_action('init', 'wpb_cookies_tutorial2');
Comme vous pouvez le voir, ce code supprime le cookie une fois que nous avons utilisé les informations stockées à l’intérieur. Plus tard, nous définissons à nouveau le cookie avec les informations de temps mises à jour.
Nous espérons que cet article vous a aidé à apprendre comment définir, obtenir et supprimer facilement les cookies WordPress. Vous pouvez également consulter notre liste d’autres astuces extrêmement utiles pour le fichier de fonctions WordPress.