WordPress
time_read15mn de lecture

Comment afficher l’avis de cookies WordPress sans aucun plugin ?

16 janvier 2024

Comment afficher l'avis de cookies WordPress sans aucun plugin ?

🍪 Naviguer dans le monde des sites web aujourd’hui, c’est aussi gérer les avis de cookies de manière efficace ! Saviez-vous qu’il est possible d’afficher un avis de cookies sur votre site WordPress sans utiliser de plugin ? 🚫 Dans cet article, nous allons explorer comment vous pouvez intégrer un avis de cookies personnalisé directement dans votre site WordPress. Que vous soyez soucieux de respecter les réglementations ou simplement à la recherche d’une solution plus légère, vous trouverez ici les étapes détaillées pour y parvenir. 🛠️🔍 Préparez-vous à améliorer l’expérience utilisateur sur votre site tout en restant conforme aux normes légales, le tout sans alourdir votre site avec des plugins supplémentaires !

Objectifs

Dans cet article, vous allez apprendre à afficher l’avis de cookies WordPress sans aucun plugin.

Prérequis

Pour suivre ce tutoriel, vous devez disposer du CMS WordPress installé en local ou sur votre hébergement web. Vous devez par ailleurs pouvoir vous connecter en tant qu’administrateur à son tableau de bord. De plus, il sera nécessaire d’intégrer du code à WordPress, vous devez donc maitriser les bases de ce langage.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Pourquoi afficher un avis de cookies sur son site web ?

Le rôle des cookies est de stocker de façon temporaire des informations sur ceux qui visitent votre site web. Comme indiqué en introduction, la loi impose l’affichage de l’avis à tous les propriétaires de site web qui en utilisent afin que les visiteurs puissent accepter ou refuser facilement l’utilisation de leurs informations. En respectant cette loi, vous respectez également les règles d’utilisation du CMS WordPress.

Le fait d’afficher l’avis de cookies WordPress sans aucun plugin va vous permettre de respecter cette loi sans aucun souci. L’autre raison pour laquelle il est conseillé d’afficher l’avis de cookies WordPress sans aucun plugin est que cela se fait gratuitement. De plus, n’importe qui peut le faire.

Étapes à suivre pour afficher l’avis de cookies WordPress sans aucun plugin

L’utilisation du code est la seule option dont vous disposez pour afficher un avis de cookies WordPress sans utiliser un plugin spécifique.

Avant d’ajouter ces extraits de code, nous vous recommandons de sauvegarder votre site WordPress, car la moindre erreur peut provoquer une panne inattendue. Vous pouvez ainsi ajouter ces extraits de code dans un thème enfant si vous ne souhaitez pas les perdre lors de prochaines mises à jour.

Une fois que vous avez pris en compte ces exigences, accédez aux fichiers thème de votre site en utilisant un client FTP tel que FileZilla ou le gestionnaire de fichiers intégré dans votre compte d’hébergement LWS.

Le code peut être ajouté dans le fichier header.php ou footer.php pour que l’avis soit affiché sur toutes les pages de votre site WordPress.

Une fois que le fichier est ouvert, ajoutez l’extrait suivant :

<?php 
if (!isset($_COOKIE['cookie_consent'])) { 
echo '<div id="cookieConsentContainer" style="display: none;"> <p>This website uses cookies to ensure you get the best experience on our website.</p> 
<button id="acceptCookies">Accept All</button> <button id="declineCookies">Decline All</button> </div>'; 
} 
?>

Ce code doit être ajusté en fonction de paramètres spécifiques de votre site WordPress afin de rester conforme aux RGPD. Il affiche deux boutons permettant aux visiteurs d’accepter ou de refuser l’installation de traceurs et de cookies sur leurs appareils respectifs.

Ensuite, vous devez ajouter le code JavaScript suivant dans le fichier js de votre site WordPress pour rendre dynamique la bannière de l’avis de cookies :

document.getElementById('acceptCookies').onclick = function() { 
setCookie('cookie_consent', 'accepted', 365); 
document.getElementById('cookieConsentContainer').style.display = 'none'; 
}; 

document.getElementById('declineCookies').onclick = function() { 
setCookie('cookie_consent', 'declined', 365); 
document.getElementById('cookieConsentContainer').style.display = 'none'; 
}; 

function setCookie(name, value, days) { 
var expires = ""; 
if (days) { 
var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); 
} 
document.cookie = name + "=" + (value || "") + expires + "; path=/"; 
} 

window.onload = function() { 
var consent = getCookie('cookie_consent'); 
if (!consent) { 

document.getElementById('cookieConsentContainer').style.display = 'block'; 
} 
}; 

function getCookie(name) { 
var nameEQ = name + "="; 
var ca = document.cookie.split(';'); f
or(var i=0; i < ca.length; i++) { 
var c = ca[i]; 
while (c.charAt(0)==' ') c = c.substring(1,c.length); 
if (c.indexOf(nameEQ) == 0) return 
c.substring(nameEQ.length,c.length); 
} 
return null; 
}

Ce code JavaScript comprend les fonctions pour définir un cookie (setCookie) et pour obtenir un cookie (getCookie).

Il inclut également les gestionnaires d’événements pour les boutons « Accepter tout » et « Refuser tout » qui définissent le cookie cookie_consent en fonction du choix de l’utilisateur.

La fonction window.onload vérifie si le consentement pour les cookies a déjà été défini et si ce n’est pas le cas, affiche le bandeau de consentement pour les cookies.

N’oubliez pas d’inclure ce code JavaScript dans votre fichier HTML ou PHP, idéalement juste avant la balise de fermeture </body>.

Si vous préférez, vous pouvez également le placer dans un fichier .js externe et inclure ce fichier dans votre page web.

Enfin, pour améliorer le style de votre bannière d’avis, ajoutez le code ci-dessous dans le fichier style de votre thème :

CSS Code 
```css #cookieConsentContainer { 
position: fixed; 
bottom: 0; 
background-color: #f4f4f4; 
padding: 15px; 
width: 100%; 
text-align: center; 
border-top: 1px solid #d3d3d3; 
} 

#cookieConsentContainer p { 
margin: 0; font-size: 14px; 
} 

#cookieConsentContainer button { 
margin-left: 10px; 
padding: 5px 10px; 
color: #fff; 
background-color: #007bff; 
border: none; 
border-radius: 5px; 
cursor: pointer; 
} 

#cookieConsentContainer button:hover { 
background-color: #0056b3; 
}

Pour utiliser ce code CSS, vous disposez de deux options :

  1. Directement dans le fichier HTML/PHP : vous pouvez placer le CSS dans des balises <style> dans l’en-tête de votre fichier HTML/PHP (<head></head>).
  2. Dans un fichier CSS séparé : si vous avez une feuille de style externe (style.css par exemple), vous pouvez y ajouter le CSS.

Assurez-vous ensuite que cette feuille de style est bien reliée à vos fichiers HTML/PHP.

Une fois que vous avez terminé, visitez votre site pour vous assurer que la bannière d’avis s’affiche correctement et que son design est visuellement attrayant pour vos visiteurs.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Conclusion

Dans cet article, nous avons appris à afficher l’avis de cookie WordPress sans aucun plugin. Cette méthode ne vous demande aucune ressource particulière, et elle est facile à mettre en œuvre. Elle est basée sur la manipulation de quelques lignes de codes, et de quelques actions à mener. Le fait d’afficher l’avis de cookies sur votre site web vous permet de respecter les règles de l’union européenne par rapport aux cookies, et aussi les règles de WordPress. 😉

Si vous avez des préoccupations ou des questions, n’hésitez pas à nous les faire connaître en commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (2)

Kalagan
09/01/2024 - 09:39
Karen
2024-01-10 08:41:46

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.