Présentation de TermsFeed : consentement aux cookies

TermsFeed Free Cookie Consent (dernière version 4.2) est une solution gratuite et open source de gestion des cookies basée sur JavaScript qui aide les sites web à se conformer à la directive européenne sur les cookies, au RGPD et à la directive e-Privacy.

TermsFeed Free Cookie Consent fournit une bannière d'avis personnalisable et un centre de préférences qui permettent aux utilisateurs de contrôler quels cookies et scripts s'exécutent sur votre site web.

  • 100 % gratuit. Pas de coûts cachés ni de niveaux premium.
  • Conforme au RGPD et à la directive ePrivacy. Conçu pour répondre aux exigences de confidentialité de l'UE.
  • Prise en charge du mode de consentement Google V2. S'intègre parfaitement aux exigences de consentement de Google.
  • Mode de consentement UET de Microsoft. Compatible avec les normes de consentement de Microsoft Advertising.
  • Blocage des scripts. Empêche le chargement des scripts tant que le consentement n'a pas été donné.
  • Design personnalisable. Choisissez parmi plusieurs types de bannières et palettes de couleurs ; un CSS personnalisé supplémentaire peut être appliqué.
  • Prise en charge multilingue. Disponible en plusieurs langues.
  • Rappels disponibles. API complète pour des intégrations personnalisées.

Qui a besoin d'une solution de consentement aux cookies

Vous avez besoin d'une solution de consentement aux cookies si :

  • Vous utilisez Google Analytics ou des outils d'analyse ou de suivi similaires
  • Vous avez intégré des widgets de réseaux sociaux
  • Vous utilisez des pixels publicitaires (Facebook, LinkedIn, etc.)
  • Votre site web stocke ou récupère des cookies autres que ceux strictement nécessaires (c'est-à-dire ceux liés à la connexion et à l'authentification)
  • Vous recevez des visiteurs provenant de l'UE/EEE

Fonctionnement

  1. Affichage de la bannière : lorsque les utilisateurs visitent votre site web pour la première fois, ils voient s'afficher une bannière de consentement aux cookies.
  2. Choix de l'utilisateur : les utilisateurs peuvent tout accepter, tout refuser ou personnaliser leurs préférences.
  3. Gestion des scripts : en fonction du consentement de l'utilisateur, les scripts balisés sont chargés ou bloqués.
  4. Enregistrement des préférences : les préférences de l'utilisateur sont enregistrées dans un cookie pour les visites futures.
  5. Centre des préférences : les utilisateurs peuvent modifier leurs préférences à tout moment.

Types de consentement

TermsFeed Cookie Consent prend en charge 2 modes de consentement :

Consentement implicite

  • Tous les scripts se chargent immédiatement au chargement de la page.
  • Le consentement est présumé si la navigation se poursuit.
  • Moins conforme au RGPD.
  • À utiliser uniquement pour les audiences hors UE.
 TermsFeed Cookie Consent banner - implied consent example

Consentement explicite (recommandé)

  • Les scripts sont bloqués jusqu'à ce que les utilisateurs les acceptent explicitement.
  • Seuls les scripts « strictement nécessaires » se chargent par défaut.
  • Approche conforme au RGPD.
  • Nécessite le consentement actif de l'utilisateur.
 TermsFeed Cookie Consent banner - express consent example

Catégories de cookies

Les scripts sont classés en 4 catégories :

  1. Strictement nécessaires. Indispensables au fonctionnement du site web (toujours autorisés).
  2. Fonctionnalité. Améliorent l'expérience utilisateur (par exemple, préférences linguistiques).
  3. Suivi. Analyse et mesure des performances (par exemple, Google Analytics).
  4. Ciblage. Marketing et publicité (par exemple, Facebook Pixel).

Guide de démarrage rapide

Mettez en place TermsFeed Cookie Consent sur votre site web en 5 étapes simples.

Étape 1 : Chargez le consentement aux cookies TermsFeed

Ajoutez le fichier JavaScript de consentement aux cookies à votre site web.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Étape 2 : Ajoutez le code de configuration

Ajoutez le script de configuration immédiatement après le script Cookie Consent :

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Étape 3 : Ajoutez la ligne de crédits (obligatoire)

Incluez la balise de crédits noscript (obligatoire selon notre licence) :

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Étape 4 : Ajoutez le bouton « Modifier vos préférences »

Créez un bouton ou un lien sur lequel les utilisateurs peuvent cliquer pour modifier leurs préférences :

<button id="changePreferences">Change Cookie Preferences</button>

L'ID doit correspondre à open_preferences_center_selector dans votre configuration.

Étape 5 : Ajoutez des balises à vos scripts de fournisseurs tiers

Modifiez les scripts existants pour respecter le consentement des utilisateurs en :

  1. Remplacer type="text/javascript" par type="text/plain"
  2. Ajoutant l'attribut data-cookie-consent="CATEGORY"

Exemple : Google Analytics

Avant :

<script type="text/javascript">
  // Google Analytics code
</script>

Après :

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Exemple complet

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Tester votre implémentation

  1. Effacez les cookies de votre navigateur pour votre site web.
  2. Rechargez la page. Vous devriez voir la bannière de consentement.
  3. Vérifiez la console de développement de votre navigateur pour voir s'il y a des erreurs.
  4. Testez la fonctionnalité de blocage des scripts :
    1. Avant d'accepter : les scripts marqués ne doivent PAS se charger
    2. Après acceptation : les scripts marqués doivent se charger
  5. Testez le bouton « Modifier vos préférences » : cliquez sur le bouton pour vérifier qu'il ouvre le Centre des préférences.

Erreurs courantes lors de la mise en œuvre du consentement aux cookies TermsFeed

  • Oublier de changer le type de script en text/plain
  • Absence de l'attribut data-cookie-consent
  • Ne pas inclure page_load_consent_levels avec uniquement « strictement nécessaire »
  • L'ID du bouton ne correspond pas à open_preferences_center_selector
  • Suppression de la balise noscript obligatoire pour les crédits