// Cookie consent banner — Google Consent Mode v2 + gated loading of // Google Analytics / Google Ads / Yandex Metrica. No third-party script // is loaded before the user opts in. IDs are read from window.CONSENT_CONFIG // (set in the HTML ); empty IDs are simply skipped. const CONSENT_KEY = "kranich_cookie_consent_v1"; const readConsent = () => { try { return JSON.parse(localStorage.getItem(CONSENT_KEY)); } catch (e) { return null; } }; const writeConsent = (c) => { try { localStorage.setItem(CONSENT_KEY, JSON.stringify(c)); } catch (e) {} }; // --- Third-party loaders (idempotent) --- const cfg = () => window.CONSENT_CONFIG || {}; let _gtagInjected = false; let _yandexInjected = false; const ensureGtag = () => { const { gaId, adsId } = cfg(); const primaryId = gaId || adsId; if (!primaryId || _gtagInjected) return; _gtagInjected = true; const s = document.createElement("script"); s.async = true; s.src = "https://www.googletagmanager.com/gtag/js?id=" + primaryId; document.head.appendChild(s); window.gtag("js", new Date()); if (gaId) window.gtag("config", gaId, { anonymize_ip: true }); if (adsId) window.gtag("config", adsId); }; const loadYandex = () => { const { yandexId } = cfg(); if (!yandexId || _yandexInjected) return; _yandexInjected = true; /* eslint-disable */ (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0]; k.async=1;k.src=r;a.parentNode.insertBefore(k,a)}) (window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym"); window.ym(yandexId, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true }); /* eslint-enable */ }; // Push consent state to Google Consent Mode and load gated scripts. const applyConsent = (c) => { if (typeof window.gtag === "function") { window.gtag("consent", "update", { analytics_storage: c.analytics ? "granted" : "denied", ad_storage: c.marketing ? "granted" : "denied", ad_user_data: c.marketing ? "granted" : "denied", ad_personalization:c.marketing ? "granted" : "denied", }); } if (c.analytics || c.marketing) ensureGtag(); if (c.analytics) loadYandex(); }; const CookieConsent = () => { const stored = readConsent(); const [open, setOpen] = React.useState(!stored); const [details, setDetails] = React.useState(false); const [analytics, setAnalytics] = React.useState(stored ? !!stored.analytics : false); const [marketing, setMarketing] = React.useState(stored ? !!stored.marketing : false); // Re-apply a stored decision on load (e.g. returning visitor). React.useEffect(() => { if (stored) applyConsent(stored); window.openCookieSettings = () => { setDetails(true); setOpen(true); }; }, []); const decide = (a, m) => { const c = { analytics: a, marketing: m, ts: new Date().toISOString() }; writeConsent(c); applyConsent(c); setOpen(false); }; if (!open) return null; const Toggle = ({ on, onChange, disabled }) => ( ); const Row = ({ title, desc, on, onChange, disabled, alwaysLabel }) => (

{title}

{desc}

{disabled ? {alwaysLabel} : }

); return ( ); }; Object.assign(window, { CookieConsent });