Privesy

Générateur de bandeau cookies

Assurez la conformité de votre site avec le RGPD et les directives ePrivacy en ajoutant un bandeau de consentement personnalisable. Configurez le message, copiez le code et collez-le dans le HTML de votre site.

Générez une bannière de consentement aux cookies pour votre site en quelques minutes. Configurez le message, les catégories et la position, puis copiez le code HTML dans votre site.

Message

Lien vers la politique de confidentialité

Texte du lien

Texte du bouton

Position

Catégories de cookies

Nécessaires (toujours actifs)AnalytiqueMarketing

(Emplacement du contenu du site)


<!-- Cookie Consent Banner by Privesy -->
<style>
  .privesy-cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #1e293b; color: #f8fafc; padding: 1rem;
    display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
    font-family: sans-serif; z-index: 10000;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  }
  .privesy-cookie-banner a { color: #60a5fa; text-decoration: underline; }
  .privesy-cookie-banner .privesy-prefs { display: flex; gap: 1rem; margin-top: 0.5rem; font-size: 0.85rem; flex-wrap: wrap; }
  .privesy-cookie-banner .privesy-prefs label { display: flex; align-items: center; gap: 0.25rem; cursor: pointer; }
  .privesy-cookie-banner .privesy-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }
  .privesy-cookie-banner button {
    background: #3b82f6; color: white; border: none; padding: 0.5rem 1rem;
    border-radius: 4px; cursor: pointer; font-weight: bold;
  }
  .privesy-cookie-banner button.privesy-btn-secondary { background: transparent; border: 1px solid #64748b; font-weight: normal; }
</style>
<div id="privesy-cookie-banner" class="privesy-cookie-banner">
  <div>
    We use cookies to improve your experience.
    <a href="https://example.com/privacy" target="_blank" rel="noopener">Learn more</a>
    <div class="privesy-prefs">
      <label><input type="checkbox" checked disabled> Nécessaires</label>
      <label><input type="checkbox" id="privesy-analytics" checked> Analytique</label>
      <label><input type="checkbox" id="privesy-marketing"> Marketing</label>
    </div>
  </div>
  <div class="privesy-btns">
    <button onclick="privesyAcceptAll()">
      Accept all
    </button>
    <button class="privesy-btn-secondary" onclick="privesyRejectAll()">Refuser</button>
    <button class="privesy-btn-secondary" onclick="privesySavePrefs()">Enregistrer les préférences</button>
  </div>
</div>
<script>
  function privesyHideBanner() {
    document.getElementById('privesy-cookie-banner').style.display = 'none';
  }
  function privesySaveConsent(prefs) {
    localStorage.setItem('privesyCookieConsent', JSON.stringify({ necessary: true, analytics: !!prefs.analytics, marketing: !!prefs.marketing }));
    privesyHideBanner();
  }
  function privesyAcceptAll() {
    privesySaveConsent({ analytics: true, marketing: true });
  }
  function privesyRejectAll() {
    privesySaveConsent({ analytics: false, marketing: false });
  }
  function privesySavePrefs() {
    privesySaveConsent({
      analytics: document.getElementById('privesy-analytics').checked,
      marketing: document.getElementById('privesy-marketing').checked
    });
  }
  (function () {
    try {
      var stored = JSON.parse(localStorage.getItem('privesyCookieConsent') || 'null');
      if (stored && stored.necessary) {
        if (document.getElementById('privesy-analytics')) document.getElementById('privesy-analytics').checked = !!stored.analytics;
        if (document.getElementById('privesy-marketing')) document.getElementById('privesy-marketing').checked = !!stored.marketing;
        privesyHideBanner();
      }
    } catch (e) { /* storage unavailable: keep banner visible */ }
  })();
</script>

Configurez le message, le texte du lien et les catégories ci-dessus.
Copiez le snippet HTML généré.
Collez-le avant la balise de fermeture body sur chaque page de votre site.

Configuration

Aperçu et code

Comment ajouter la bannière à votre site