Oreo

Le consentement cookies, simple et conforme.

Gestionnaire RGPD léger : bannière soignée, blocage des scripts tiers, Google Consent Mode v2.

Bloque. Demande. Respecte.

Oreo affiche une bannière claire, stocke le choix du visiteur, et ne charge Analytics, Marketing ou widgets qu’après consentement.

Bannière & préférences

Tout accepter, tout refuser ou personnaliser par catégorie — avec un badge cookie pour rouvrir les réglages.

Blocage des scripts

Les balises marquées type="text/plain" et data-oreo-consent restent inertes jusqu’à l’acceptation.

Consent Mode v2

Envoi automatique de gtag('consent', 'default|update', …) pour Google Analytics / Ads.

Deux formats

Plugin WordPress (scan + réécriture auto) ou script JS universel sans dépendance.

Installer le plugin

Oreo Cookies s’installe comme n’importe quel plugin. Un scan détecte les scripts tiers sur votre page d’accueil.

  1. Téléchargez le ZIP Fichier oreo-cookies-wp.zip (fichiers du plugin à la racine du ZIP).
  2. Supprimez une ancienne tentative Si Oreo apparaît déjà dans Extensions : désinstallez-le, ou effacez wp-content/plugins/oreo-cookies en FTP.
  3. Extensions → Ajouter → Téléverser Choisissez le ZIP, installez, puis activez Oreo Cookies.
  4. Réglages → Oreo Cookies Couleur, textes, catégories — puis lancez le scan Oreo.

Intégrer en quelques lignes

Sans WordPress : ajoutez oreo.css et oreo.js, configurez, marquez vos scripts non essentiels.

  1. Copiez les fichiers Depuis standalone/ : oreo.js et oreo.css.
  2. Configurez avant le script Définissez window.OreoConfig (couleur, titre, etc.).
  3. Marquez les scripts tiers Remplacez le type par text/plain et ajoutez data-oreo-consent="analytics" (ou marketing / functional).
  4. Testez Ouvrez la page de démonstration pour voir le flux complet.
<!-- Config (avant oreo.js) -->
<script>
  window.OreoConfig = {
    primaryColor: '#2b2b2b',
    title: 'Gestion des cookies'
  };
</script>

<!-- Script bloqué jusqu'au consentement -->
<script type="text/plain"
  data-oreo-consent="analytics"
  src="https://www.googletagmanager.com/gtag/js"></script>

<link rel="stylesheet" href="oreo.css">
<script src="oreo.js"></script>

API utile : Oreo.openPreferences(), Oreo.getConsent(), Oreo.reset() — voir aussi la démo interactive.