Pre vývojárov → DokumentáciaEnglish

PRE VÝVOJÁROV

Cookie lišta pre Next.js

V Next.js je dôležité, aby sa skript načítal pred hydratáciou — inak sa marketingové skripty stihnú spustiť skôr než blokovanie.

App Router — app/layout.tsx
import Script from 'next/script'; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en"> <head> <Script id="CookieFood" src="https://cookiefood.b-cdn.net/v1/consent.js" data-cfid="YOUR-ID" data-blockingmode="auto" strategy="beforeInteractive" /> </head> <body>{children}</body> </html> ); }
Pages Router — pages/_document.tsx
import { Html, Head, Main, NextScript } from 'next/document'; export default function Document() { return ( <Html lang="en"> <Head> <script id="CookieFood" src="https://cookiefood.b-cdn.net/v1/consent.js" data-cfid="YOUR-ID" data-blockingmode="auto" /> </Head> <body><Main /><NextScript /></body> </Html> ); }

Na čo si dať pozor

strategy="beforeInteractive" je povinné

Pri afterInteractive sa skripty tretích strán stihnú spustiť skôr, než blokovanie začne platiť.

Nevkladajte to cez useEffect

Beží až po vykreslení — pre blokovanie neskoro.

Analytics a Pixel nechajte tak, ako sú

CookieFood ich pozdrží sám. Nemusíte ich obaľovať podmienkami.

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

React / ViteWordPressShopifyGoogle Tag Managerllms.txt