Afficher un avis de cookies WordPress sans plugin : tutoriel complet
    

        Contenus            

    
    
                    1
                Afficher un avis de cookies WordPress sans plugin : tutoriel complet
    
    
    
                    1.1
                Introduction
    
    
    
                    1.2
                Pré-requis et vision d'ensemble
    
    
    
                    1.3
                Tutoriel pas-à-pas
    
    
    
                    1.3.1
                1. Créer le bandeau de cookies
    
    
    
                    1.3.2
                2. Personnaliser le style du bandeau
    
    
    
                    1.3.3
                3. Ajouter une option de refus (optionnel)
    
    
    
                    1.4
                Bonnes pratiques / Optimisations
    
    
    
                    1.5
                FAQ ciblée
    
    
    
                    1.5.1
                1. Comment savoir si le cookie est bien enregistré ?
    
    
    
                    1.5.2
                2. Le bandeau apparaît même après avoir accepté, pourquoi ?
    
    
    
                    1.5.3
                3. Comment changer la durée de conservation du cookie ?
    
    
    
                    1.5.4
                4. Peut-on personnaliser davantage le bandeau ?
    
    
    
                    1.5.5
                5. Cette solution est-elle conforme au RGPD ?
    
    
    
                    1.6
                Conclusion
    
    
    
                    1.6.1
                Chloé Renard
    
    
    
                    1.6.2
                Commentaires (3)
    
    
Introduction
Vous avez besoin d'afficher un bandeau d'information sur les cookies à vos visiteurs, mais vous ne voulez pas installer de plugin supplémentaire ? Cette solution 100% code vous permet de rester conforme au RGPD tout en gardant votre site WordPress léger et performant. Suivez ce guide pas-à-pas pour implémenter une solution propre et personnalisable.
Pré-requis et vision d'ensemble
Voici ce dont vous aurez besoin avant de commencer :
Un accès administrateur à WordPress
Des connaissances basiques en CSS/ (pour la personnalisation)
Un éditeur de code (ou l'éditeur de thème WordPress)
Environ 30 minutes de temps
Cette méthode fonctionne sur toutes les versions de WordPress récentes (5.0+) et ne nécessite aucun plugin.
Tutoriel pas-à-pas
1. Créer le bandeau de cookies
Objectif : Ajouter le code et JavaScript pour afficher le bandeau.
Allez dans Apparence > Éditeur de thème
Ouvrez le fichier footer.php (ou header.php selon votre thème)
Ajoutez ce code juste avant la balise : 
Ce site utilise des cookies pour améliorer votre expérience. En continuant à naviguer, vous acceptez leur utilisation.
J'accepte
Ajoutez ce JavaScript juste avant : 
Vérification : Rafraîchissez votre site, le bandeau devrait apparaître en bas de page.
Erreurs fréquentes :
Le bandeau n'apparaît pas : vérifiez que le code est bien placé avant 
Le cookie n'est pas enregistré : assurez-vous que le nom du cookie ('cookies_accepted') est cohérent dans le code
2. Personnaliser le style du bandeau
Objectif : Adapter l'apparence du bandeau à votre design.
Ajoutez ce CSS dans Apparence > Personnaliser > CSS additionnel :  #cookie-banner { position: fixed bottom: 0 left: 0 right: 0 background: #f8f9fa padding: 15px text-align: center box-shadow: 0 -2px 5px rgba(0,0,0,0.1) z-index: 9999 } .cookie-content { max-width: 800px margin: 0 auto } #accept-cookies { background: #4CAF50 color: white border: none padding: 8px 16px border-radius: 4px cursor: pointer margin-top: 10px } 
Vérification : Le bandeau devrait maintenant avoir un style plus professionnel.
3. Ajouter une option de refus (optionnel)
Objectif : Permettre aux utilisateurs de refuser les cookies.
Modifiez le du bandeau pour ajouter un deuxième bouton : 
Ce site utilise des cookies pour améliorer votre expérience.
J'accepteJe refuse
Ajoutez ce JavaScript :  const rejectButton = document.getElementById('reject-cookies') rejectButton.addEventListener('click', function() { document.cookie = 'cookies_rejected=true max-age=31536000 path=/' cookieBanner.style.display = 'none' }) 
Vérification : Les deux boutons devraient fonctionner correctement.
Bonnes pratiques / Optimisations
Pour aller plus loin :
Personnalisez le texte pour qu'il soit plus précis sur les types de cookies utilisés
Ajoutez un lien vers votre politique de confidentialité
Implémentez un cookie de durée plus courte (par exemple 6 mois au lieu d'un an)
Pour les sites multilingues, traduisez le texte du bandeau
Testez le bandeau sur mobile pour vous assurer qu'il est bien visible
FAQ ciblée
1. Comment savoir si le cookie est bien enregistré ?
Ouvrez les outils de développement de votre navigateur (F12), allez dans l'onglet Application > Cookies et vérifiez la présence du cookie 'cookies_accepted'.
2. Le bandeau apparaît même après avoir accepté, pourquoi ?
Vérifiez que le nom du cookie dans le JavaScript correspond à celui que vous vérifiez dans le code. Nettoyez aussi les cookies de votre navigateur en mode privé.
3. Comment changer la durée de conservation du cookie ?
Modifiez la valeur 'max-age' dans la ligne document.cookie. 31536000 correspond à 1 an (en secondes).
4. Peut-on personnaliser davantage le bandeau ?
Oui, vous pouvez ajouter des images, des liens ou même un formulaire de consentement plus détaillé en modifiant le et le CSS.
5. Cette solution est-elle conforme au RGPD ?
Oui, à condition que vous informiez clairement sur les cookies utilisés et que vous respectiez le choix de l'utilisateur. Pour une conformité totale, consultez un expert juridique.
Conclusion
Vous avez maintenant un bandeau de cookies fonctionnel sans plugin, personnalisable à l'infini. Cette solution légère et performante vous permet de rester conforme tout en gardant votre site rapide.
Si vous avez besoin d'aide pour implémenter cette solution ou pour d'autres tâches techniques sur votre site internet, contactez un webmaster sérieux qui saura vous accompagner. Voici le numéro de téléphone : 09 77 29 09 69.

Chloé Renard

Spécialiste en Marketing SEO

Chloé Renard est une experte en marketing SEO avec plus de dix ans d'expérience. Elle a aidé de nombreuses entreprises à améliorer leur visibilité en ligne grâce à des stratégies de référencement innovantes et efficaces. Passionnée par l'analyse de données et les tendances du marché, elle est toujours à la pointe des dernières techniques SEO.

Commentaires (3)

Lucas_15 il y a 1 semaine

Merci pour ce tutoriel détaillé ! Je vais enfin pouvoir me passer des plugins lourds pour afficher un avis de cookies sur mon site WordPress.

Sophie_36 il y a 1 semaine

Merci pour ce tutoriel détaillé ! J'avais justement besoin d'une solution sans plugin pour mon site WordPress.

Camille_96 il y a 1 semaine

Merci pour ce tutoriel détaillé ! J'avais justement besoin d'une solution légère pour mon site WordPress.