Pre vývojárov → DokumentáciaEnglish

PRE VÝVOJÁROV

Cookie lišta pre React / Vite

Skript patrí priamo do index.html. Nie do komponentu — čokoľvek v Reacte beží až po vykreslení a na blokovanie je to neskoro.

index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <script id="CookieFood" src="https://cookiefood.b-cdn.net/v1/consent.js" data-cfid="YOUR-ID" data-blockingmode="auto"></script> <title>My app</title> </head> <body> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> </html>
React to consent in your code (optional)
useEffect(() => { function onConsent(e) { const c = e.detail || {}; // { necessary, preferences, statistics, marketing } if (c.statistics) enableAnalytics(); } window.addEventListener('CookieFoodOnConsentReady', onConsent); return () => window.removeEventListener('CookieFoodOnConsentReady', onConsent); }, []);

Na čo si dať pozor

Nepoužívajte react-helmet

Vloží skript až po vykreslení. Blokovanie musí byť skôr.

Pri SPA stačí jedno vloženie

Zmena trasy nevyžaduje nič — lišta si rozumie s klientskou navigáciou.

Odkiaľ vezmete YOUR-ID

Zaregistrujete sa, pridáte doménu a ID dostanete hneď — sken sa spustí sám. Skript sa už nikdy nemení, všetko ostatné sa nastavuje v účte.

Vyskúšať 30 dní zadarmoNajprv oskenovať webBez platobnej karty.

Iné prostredie

Next.jsWordPressShopifyGoogle Tag Managerllms.txt