# OpenCookies — description complète

OpenCookies est un bandeau de cookies gratuit (service en phase de test) et un test automatique de bandeaux. Le bandeau est un seul script, https://opencookies.com/banner/oc.js, identifié par une clé de site (24 caractères hexadécimaux, attribut data-site).

## Ce que fait le script
- Avant tout choix du visiteur, il bloque à la source les scripts, iframes, pixels, requêtes réseau et cookies de plus de 100 domaines de suivi connus (mesure d'audience, publicité, réseaux sociaux, vidéo). Un script écrit en dur dans le HTML est téléchargé mais jamais exécuté avant l'accord.
- Il envoie les signaux Consent Mode v2 à Google (analytics_storage, ad_storage, ad_user_data, ad_personalization).
- Il affiche un bouton permanent « Gérer mes cookies » et redemande le choix après 6 mois.
- Il ne dépose aucun cookie ni traceur de son côté ; une mesure d'audience anonyme (sans cookie, sans identifiant) est incluse et peut être réglée sur « strict » (uniquement avec accord).
- Il doit être le PREMIER script de <head>, sans async, defer ni type="module", sinon des traceurs chargés avant lui lui échappent.

## Installer sans compte (agents)
1. POST https://opencookies.com/api/v1/install, corps JSON {"domain":"exemple.fr","framework":"html"}. Frameworks : html, nextjs, astro, nuxt, sveltekit, vite, wordpress, shopify, php. Limite : 30 demandes par heure et par adresse.
   Réponse 201 : site_key, domain, script, framework_label, placement, rules, verify_url, claim_url, claim_expires, message_for_human.
2. Coller `script` selon `placement` : <script src="https://opencookies.com/banner/oc.js" data-site="CLÉ"></script>
3. GET https://opencookies.com/api/v1/verify?site_key=CLÉ → {installed, last_seen, hint}. installed devient vrai quand une page déployée a chargé le bandeau.
4. Donner claim_url à l'humain : il choisit e-mail et mot de passe, personnalise le bandeau, consulte les consentements. Un site non réclamé est supprimé après 14 jours.

## Placement par framework
- html : premier enfant de <head> de chaque page ou du gabarit commun.
- nextjs : App Router, <Script … strategy="beforeInteractive" /> (next/script) dans app/layout.tsx, jamais afterInteractive ni lazyOnload ; Pages Router, _document.tsx.
- astro : layout principal, <script is:inline src=… data-site=…></script> en premier dans <head>.
- nuxt : app.head.script avec tagPosition "head" et tagPriority "critical".
- sveltekit : src/app.html, avant %sveltekit.head%.
- vite (React, Vue) : index.html à la racine.
- wordpress : plugin https://opencookies.com/plugin-wordpress.php (clé du site dans Réglages > OpenCookies).
- shopify : layout/theme.liquid, premier enfant de <head>.
- php : en-tête commun, premier élément du <head>.

## À ne pas faire
- Ne pas charger Google Analytics, Meta Pixel, YouTube, etc. par un gestionnaire de balises exécuté avant le bandeau.
- Ne pas affirmer qu'un site est « conforme » : le test indique ce qui est observé ou non observé, jamais un avis juridique.
- Ne pas créer plusieurs sites provisoires pour le même domaine.

## Contact
contact@opencookies.com

## Offres et prix
Gratuit (1 site), Pro (6 € TTC par site et par mois), Agence (31 € par mois pour 25 sites, puis 1 € par site). Pas de facturation selon le trafic. Détails, comparatifs et conditions : https://opencookies.com/tarifs.php