tarteaucitronForceLanguage = 'fr'; // Services neutres = toggles de consentement (ne chargent rien : gtag est chargé // séparément). Décomposés PAR FINALITÉ pour un consentement GRANULAIRE (RGPD) : // l'utilisateur peut accepter la mesure d'audience sans la publicité. Idempotents. if (!tarteaucitron.services.googleanalytics) { tarteaucitron.services.googleanalytics = { key: 'googleanalytics', type: 'analytic', name: "Google Analytics — mesure d'audience", needConsent: true, cookies: ['_ga', '_gid', '_gat'], js: function () {}, fallback: function () {} }; (tarteaucitron.job = tarteaucitron.job || []).push('googleanalytics'); } if (!tarteaucitron.services.googleads) { tarteaucitron.services.googleads = { key: 'googleads', type: 'ads', name: 'Google Ads — publicité et ciblage', needConsent: true, cookies: ['_gcl_au', '_gcl_aw', '_gac'], js: function () {}, fallback: function () {} }; (tarteaucitron.job = tarteaucitron.job || []).push('googleads'); } // Pont : pousse l'update Consent Mode GRANULAIRE (via NOTRE window.gtag). Chaque // service pilote SON signal : analytics_storage (mesure) ≠ ad_storage (publicité). // Attaché AVANT init() et idempotent (window.__ccBridge) → capte aussi la // restauration d'un consentement d'une visite précédente. if (!window.__ccBridge) { window.__ccBridge = true; // Pont GRANULAIRE. Lit tarteaucitron.state AVEC fallback sur le COOKIE : à la // restauration (returning-consenti), la lib émet tac.consent_updated AVANT de // peupler state[key] et le catch-up tourne avant le peuplement async → sans le // fallback cookie on pousserait 'denied' à tort (mesure cassée pour TOUS les // returning-consenti). Le cookie 'tarteaucitron' (!googleanalytics=true!...) est // dispo dès le load, donc fiable. state prime (clic direct), cookie sinon. var CC_SERVICES = ['googleanalytics', 'googleads']; // État COMMITTÉ d'un service : state prime (clic direct), cookie sinon (à la // restauration, la lib émet l'event AVANT de peupler state — cf. plus bas). function ccOn(k) { var st = tarteaucitron.state || {}; var raw = (document.cookie.match(/(?:^|; )tarteaucitron=([^;]*)/) || ['', ''])[1]; // Cookie format lib = '!key=true!key2=false'. On ancre sur '!'+k+'=true' // (début de token) → pas de collision si un futur service a une clé préfixe // d'une autre (ex. googleads ⊂ googleadsremarketing). return st[k] === true || (st[k] !== false && raw.indexOf('!' + k + '=true') !== -1); } window.__ccPushConsent = function () { var analytics = ccOn('googleanalytics') ? 'granted' : 'denied'; var ads = ccOn('googleads') ? 'granted' : 'denied'; window.gtag('consent', 'update', { analytics_storage: analytics, ad_storage: ads, ad_user_data: ads, ad_personalization: ads }); // Neutralise reloadThePage sur TOUT changement de consentement (pas seulement // les 3 boutons footer) : le pont tourne sur chaque tac.consent_updated, AVANT // que closePanel/respondAll natif ne lise reloadThePage → aucun chemin (croix, // ESC, Tout refuser bannière) ne peut recharger la page. Services neutres. if (typeof tarteaucitron !== 'undefined') tarteaucitron.reloadThePage = false; // Basic Consent Mode : charger gtag SEULEMENT quand un signal est accordé // (accept frais OU restauration returning-consenti) → 0 contact Google avant // consentement. En advanced, gtag est déjà chargé (pré-consent) → idempotent. if (analytics === 'granted' || ads === 'granted') { if (window.__loadGa4) window.__loadGa4(); } }; document.addEventListener('tac.consent_updated', window.__ccPushConsent); // ═══ Stats CMP (beacon 1st-party ANONYME) ════════════════════════════════ // GA4 ne peut PAS mesurer l'engagement CMP (ignorer/refuser = zéro hit) → // beacon dédié vers elude-sync (compteurs Redis agrégés par jour). Zéro // cookie, zéro identifiant : exempt de consentement. Events : display // (bannière affichée, 1×/session) · accept · deny · custom. // // ⚠️ Mécanique cookie tarteaucitron (vérifiée en live, serviceDefaultState // 'wait') : la lib écrit un cookie DÈS L'INIT avec '!svc=wait' pour chaque // service, ET émet tac.consent_updated sans aucun clic. Ni la présence du // cookie ni l'event ne signifient donc « choix ». Le seul discriminant // fiable : le cookie contient un état COMMITTÉ ('=true' ou '=false'), // écrit uniquement par un vrai clic (Tout accepter / Tout refuser / // validation du panneau). Lecture : GET sync.elude.fr/admin/cmp-stats. (function ccStats() { // Automation/headless (Puppeteer, Playwright, renderer Bing, bots Azure à // UA falsifié…) posent navigator.webdriver=true. On mesure l'engagement // HUMAIN → on ne compte rien pour ces clients (complète le filtre UA côté // elude-sync, qui rate les bots à UA de navigateur normal). if (navigator.webdriver) return; var CC_STATS_URL = 'https://sync.elude.fr/cmp-hit'; // dev/preprod/localhost chargent le même build : suffixer la marque (-dev) // sépare les flux — sinon localhost (npm run dev), preprod et les bots dev // pollueraient les compteurs prod. MÊME garde d'environnement que GA4 // (window.__loadGa4) pour rester cohérent : /^(dev|preprod|localhost)/. var CC_BRAND = "wynstor" + (/^(dev|preprod|localhost)/.test(location.hostname) ? '-dev' : ''); var choiceSent = false; function ccStatsSend(ev) { try { var body = JSON.stringify({ b: CC_BRAND, e: ev }); if (navigator.sendBeacon) { navigator.sendBeacon(CC_STATS_URL, body); } else { fetch(CC_STATS_URL, { method: 'POST', body: body, keepalive: true }); } } catch (e) { /* best-effort, jamais bloquant */ } } function ccStatsRaw() { return (document.cookie.match(/(?:^|; )tarteaucitron=([^;]*)/) || ['', ''])[1]; } // true si AU MOINS un service a un état committé (choix déjà fait). function ccStatsCommitted() { var raw = ccStatsRaw(); return raw.indexOf('=true') !== -1 || raw.indexOf('=false') !== -1; } // État committé d'un service — même logique que ccOn du pont (dupliquée : // ccOn est scopée au bloc __ccBridge, pas accessible ici). function ccStatsOn(k) { var st = (window.tarteaucitron && tarteaucitron.state) || {}; return st[k] === true || (st[k] !== false && ccStatsRaw().indexOf('!' + k + '=true') !== -1); } // Choix committé lors d'une visite passée → restauration, rien à compter. if (!ccStatsCommitted()) { // display : la bannière est rendue par openAlert APRÈS init (parfois // >500ms) → poll jusqu'à son apparition (même pattern que fixBanner). (function ccStatsPoll(tries) { var big = document.getElementById('tarteaucitronAlertBig'); if (big && big.style.display !== 'none') { try { if (!sessionStorage.getItem('ccStatsShown')) { sessionStorage.setItem('ccStatsShown', '1'); ccStatsSend('display'); } } catch (e) { ccStatsSend('display'); } return; } if (tries > 0) { setTimeout(function () { ccStatsPoll(tries - 1); }, 300); } })(20); // choix : ne compter un tac.consent_updated QUE si le cookie porte un // état committé (=true/=false) — les émissions d'init (=wait) sont // ignorées SANS consommer le garde-fou. // // ⚠️ tarteaucitron committe les services UN PAR UN (cookie.create par // service → un event synchrone chacun). Sur « Tout accepter » / // « Enregistrer », au 1er event googleads est encore =wait → lire ici // classerait « accept » en « custom ». On classe donc au tick SUIVANT // (setTimeout 0), après la rafale synchrone d'events, quand le cookie // porte l'état FINAL de tous les services. var choiceScheduled = false; document.addEventListener('tac.consent_updated', function () { if (choiceSent || choiceScheduled || !ccStatsCommitted()) return; choiceScheduled = true; setTimeout(function () { choiceSent = true; var a = ccStatsOn('googleanalytics'), g = ccStatsOn('googleads'); ccStatsSend(a && g ? 'accept' : (!a && !g ? 'deny' : 'custom')); }, 0); }); } })(); // ═══ Consentement STAGED (fonctionnement Usercentrics) ═══════════════════ // Natif tarteaucitron : cliquer un switch de service committe IMMÉDIATEMENT // (écrit le cookie + Consent Mode + masque la bannière) → au 1ᵉʳ toggle la // bannière disparaît et le choix est figé avant que l'utilisateur ait fini de // régler les autres. On repasse au modèle « brouillon → validation » : les // switches ne changent qu'un état VISUEL (aria-pressed du bouton Allow, qui // pilote le CSS :has()), et le consentement n'est appliqué (respond → cookie // + Consent Mode + fermeture bannière) QUE par les 3 boutons du footer. // RGPD : default=denied tient tant qu'aucun bouton n'a committé → rien ne // track avant une validation explicite ; refus aussi simple qu'accepter. // 1) Intercepter (capture) les clics sur les switches de service → bloquer le // respond natif, ne basculer que le visuel. Le bouton actif couvre 100% du // track (cf. CSS) donc on lit/écrit toujours sur .tarteaucitronAllow. document.addEventListener('click', function (e) { if (!e.target || !e.target.closest) return; var btn = e.target.closest('#tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button'); if (!btn) return; var li = btn.closest('li.tarteaucitronLine'); var allow = li && li.querySelector('.tarteaucitronAllow'); if (!allow) return; // markup inattendu → laisser le natif plutôt que rendre le switch inerte e.preventDefault(); e.stopImmediatePropagation(); if (li.closest('#tarteaucitronServices_mandatory')) return; // verrouillé allow.setAttribute('aria-pressed', allow.getAttribute('aria-pressed') === 'true' ? 'false' : 'true'); }, true); // 2) Réaligner les brouillons sur l'état committé à CHAQUE ouverture (sinon un // brouillon non validé persisterait après fermeture/réouverture). function ccResetDrafts() { CC_SERVICES.forEach(function (k) { var allow = document.getElementById(k + 'Allowed'); if (allow) allow.setAttribute('aria-pressed', ccOn(k) ? 'true' : 'false'); }); } // 3) Committer les brouillons (respond est idempotent : no-op si inchangé). function ccCommitDrafts() { CC_SERVICES.forEach(function (k) { var allow = document.getElementById(k + 'Allowed'); if (allow) tarteaucitron.userInterface.respond(allow, allow.getAttribute('aria-pressed') === 'true'); }); } // 4) Footer : Enregistrer = committer les brouillons ; Tout accepter/refuser = // global. Interception capture (le handler natif committrait le vieil état), // puis on masque bannière + panneau. Idempotent (el.__cc). function ccBindFooter() { var map = [ ['tarteaucitronSaveButton', function () { ccCommitDrafts(); }], ['tarteaucitronAllAllowed', function () { tarteaucitron.userInterface.respondAll(true); }], ['tarteaucitronAllDenied', function () { tarteaucitron.userInterface.respondAll(false); }] ]; map.forEach(function (m) { var el = document.getElementById(m[0]); if (el && !el.__cc) { el.__cc = 1; el.addEventListener('click', function (e) { e.preventDefault(); e.stopImmediatePropagation(); m[1](); // Services neutres (js:function(){}) → aucun script à décharger. On // neutralise le reload que tarteaucitron pose au RETRAIT d'un service // déjà accepté (respond accepté→refusé) — sinon closePanel() ci-dessous // exécute window.location.reload() (perte état SPA/panier/scroll). Le // Consent Mode gère la révocation sans recharger. tarteaucitron.reloadThePage = false; tarteaucitron.userInterface.closeAlert(); tarteaucitron.userInterface.closePanel(); }, true); } }); } // ═══ Onglet SERVICES (comme l'ancien UC) — vue par service, même design que // les cartes catégories. Les switches GA/Ads pilotent LE MÊME brouillon que la // vue Catégories (aria-pressed sur Allowed) → un seul état de consentement, // validé par le footer. Les services essentiels sont verrouillés (ON). Injecté // une fois (guard #cc-tabs). */ var CC_SVC = [ { cat: 'Essentiel', name: 'Stripe', desc: 'Paiement en ligne sécurisé.', locked: true }, { cat: 'Essentiel', name: 'PayPal', desc: 'Paiement en ligne.', locked: true }, { cat: 'Essentiel', name: 'Sentry', desc: 'Supervision technique (détection des erreurs).', locked: true }, { cat: 'Essentiel', name: 'Google Maps', desc: "Saisie et validation d'adresse.", locked: true }, { cat: "Mesure d'audience", name: 'Google Analytics', desc: 'Statistiques de fréquentation du site.', key: 'googleanalytics' }, { cat: 'Marketing', name: 'Google Ads', desc: 'Performance des campagnes publicitaires.', key: 'googleads' } ]; function ccSyncSvcSwitches() { var view = document.getElementById('cc-services-view'); if (!view) return; var sws = view.querySelectorAll('.cc-svc-sw[data-key]'); for (var i = 0; i < sws.length; i++) { var allow = document.getElementById(sws[i].getAttribute('data-key') + 'Allowed'); sws[i].setAttribute('aria-pressed', (allow && allow.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } } function ccBuildServicesTab() { var svc = document.getElementById('tarteaucitronServices'); if (!svc || document.getElementById('cc-tabs')) return; var border = svc.querySelector('.tarteaucitronBorder'); if (!border) return; var tabs = document.createElement('div'); tabs.id = 'cc-tabs'; tabs.innerHTML = ''; border.parentElement.insertBefore(tabs, border); var view = document.createElement('div'); view.id = 'cc-services-view'; var html = ''; for (var i = 0; i < CC_SVC.length; i++) { var s = CC_SVC[i]; var sw = s.locked ? '' : ''; html += '

' + s.name + '' + s.cat + '

' + s.desc + '

' + sw + '

'; } view.innerHTML = html; border.parentElement.insertBefore(view, border.nextSibling); tabs.addEventListener('click', function (e) { var b = e.target.closest ? e.target.closest('.cc-tab') : null; if (!b) return; var isSvc = b.getAttribute('data-view') === 'svc'; var ts = tabs.querySelectorAll('.cc-tab'); for (var i = 0; i < ts.length; i++) { ts[i].classList.toggle('cc-tab-active', ts[i] === b); } svc.classList.toggle('cc-show-services', isSvc); if (isSvc) ccSyncSvcSwitches(); }); // Toggle d'un service GA/Ads → bascule LE MÊME brouillon (aria-pressed sur // Allowed) que la vue Catégories ; validé par le footer. view.addEventListener('click', function (e) { var b = e.target.closest ? e.target.closest('.cc-svc-sw[data-key]') : null; if (!b) return; var allow = document.getElementById(b.getAttribute('data-key') + 'Allowed'); if (!allow) return; var next = allow.getAttribute('aria-pressed') !== 'true'; allow.setAttribute('aria-pressed', next ? 'true' : 'false'); b.setAttribute('aria-pressed', next ? 'true' : 'false'); }); } // Layout UC du panneau : regroupe Tout accepter/refuser + Enregistrer en footer, // injecte logo + icône cookie. Déclenché sur TOUT clic dans le CMP // (#tarteaucitronRoot) → couvre « Personnaliser », l'icône flottante ET la // réouverture. 2 retries pour le timing de rendu (CPU/mobile lent). Idempotent. var LOGO = "https://cdn.wynstor.com/s/wynstor/logo.svg"; function applyPanelLayout() { var panel = document.getElementById('tarteaucitron'); if (!panel || getComputedStyle(panel).display === 'none') return; var save = document.getElementById('tarteaucitronSave'); var ask = document.querySelector('#tarteaucitronMainLineOffset .tarteaucitronAsk'); if (save && ask && !save.contains(ask)) { save.insertBefore(ask, save.firstChild); } var title = document.querySelector('#tarteaucitron .tarteaucitronH1'); if (title && title.parentElement) { if (LOGO && !document.getElementById('cmp-logo')) { var lg = document.createElement('div'); lg.id = 'cmp-logo'; lg.setAttribute('role', 'img'); lg.setAttribute('aria-label', 'Logo'); lg.style.backgroundImage = "url('" + LOGO + "')"; title.parentElement.insertBefore(lg, title); } if (!title.querySelector('.cmp-cookie-ico')) { var ic = document.createElement('span'); ic.className = 'cmp-cookie-ico'; ic.setAttribute('aria-hidden', 'true'); ic.innerHTML = ''; title.insertBefore(ic, title.firstChild); } } // Consentement staged : câbler les boutons du footer (idempotent via __cc). // Le RESET des brouillons N'EST PAS fait ici (il l'était, à tort) : sinon le // retry 120ms ou toute mutation de classe body pendant l'édition réverte un // switch que l'utilisateur vient de basculer. Reset = uniquement à // l'ouverture (transition fermé→ouvert), cf. observer ci-dessous. ccBindFooter(); ccBuildServicesTab(); } // Applique le layout dès que le panneau s'ouvre : le body reçoit la classe // 'tarteaucitron-modal-open'. Un MutationObserver couvre TOUS les triggers // (Personnaliser, icône flottante, réouverture) sans dépendre d'un clic précis // ni du timing. Idempotent (guards dans applyPanelLayout) + un retry. var ccWasOpen = false; var panelObs = new MutationObserver(function () { var isOpen = document.body.classList.contains('tarteaucitron-modal-open'); if (isOpen) { applyPanelLayout(); // Plusieurs retries : le footer (#tarteaucitronSaveButton / #tarteaucitronSave) // est créé par la lib en setTimeout(...,100ms) APRÈS le build du panneau → un // seul retry à 120ms a une marge trop fine sur mobile/CPU lent (footer non // câblé → Enregistrer committe le mauvais état). applyPanelLayout est // idempotent (guards) → sûr de le rejouer. Ne relance PAS ccResetDrafts. setTimeout(applyPanelLayout, 120); setTimeout(applyPanelLayout, 350); setTimeout(applyPanelLayout, 700); // Reset des brouillons + vue SEULEMENT à l'ouverture (false→true) → les retries // et les mutations de classe body ultérieures ne les effacent plus. if (!ccWasOpen) { ccResetDrafts(); // Réouverture : repartir sur l'onglet Catégories + resync les switches Services. var svc = document.getElementById('tarteaucitronServices'); if (svc) svc.classList.remove('cc-show-services'); var tabsEl = document.getElementById('cc-tabs'); if (tabsEl) { var ts = tabsEl.querySelectorAll('.cc-tab'); for (var i = 0; i < ts.length; i++) { ts[i].classList.toggle('cc-tab-active', ts[i].getAttribute('data-view') === 'cat'); } } ccSyncSvcSwitches(); } } ccWasOpen = isOpen; }); function startPanelObs() { panelObs.observe(document.body, { attributes: true, attributeFilter: ['class'] }); } if (document.body) { startPanelObs(); } else { document.addEventListener('DOMContentLoaded', startPanelObs); } } tarteaucitron.init({ privacyUrl: '/kb/politique-de-confidentialite', bodyPosition: 'bottom', hashtag: '#cookies', cookieName: 'tarteaucitron', orientation: 'middle', groupServices: false, showDetailsOnClick: true, serviceDefaultState: 'wait', showAlertSmall: false, cookieslist: false, showIcon: false, iconPosition: 'BottomRight', adblocker: false, DenyAllCta: true, AcceptAllCta: true, highPrivacy: true, alwaysNeedConsent: false, handleBrowserDNTRequest: false, removeCredit: true, moreInfoLink: true, useExternalCss: true, useExternalJs: false, readmoreLink: '', mandatory: true, mandatoryCta: true, googleConsentMode: false, softConsentMode: false, dataLayer: true, partnersList: false }); // A11y : la bannière alertBig est un bandeau NON-BLOQUANT (card en bas), mais la // lib lui met role="dialog" aria-modal="true" → (a) les lecteurs d'écran croient // la page inerte derrière, (b) ça casse les E2E getByRole('dialog') et recouvre // les CTA du bas (mobile). On la repasse en role="region" (landmark) sans // aria-modal. Le vrai modal reste le panneau #tarteaucitron (« Personnaliser »). // La bannière est rendue par openAlert APRÈS init (parfois >500ms) → on poll // jusqu'à ce qu'elle existe (max ~6s) puis on corrige une fois. (function fixBanner(tries) { var big = document.getElementById('tarteaucitronAlertBig'); if (big) { big.removeAttribute('aria-modal'); big.setAttribute('role', 'region'); if (!big.getAttribute('aria-label')) big.setAttribute('aria-label', 'Gestion des cookies'); return; } if (tries > 0) setTimeout(function () { fixBanner(tries - 1); }, 200); })(30); // Catch-up returning : après que tarteaucitron a restauré le cookie (au load), // pousser l'état courant (granted si déjà consenti) — sécurité si l'event de // restauration n'a pas été émis. Idempotent en valeur. (function () { function up() { if (window.__ccPushConsent) window.__ccPushConsent(); } if (document.readyState === 'complete') { setTimeout(up, 0); } else { window.addEventListener('load', up); } })();