Spring til indhold

Cookiebanner til din egen hjemmeside

Har du selv bygget din side, indsætter du én linje som det allerførste i <head> på alle sider. Det tager under et minut for en udvikler.

Sådan gør du – trin for trin

Sådan får du Cookiefriend på din Anden / egen kode-side.0 af 5 trin
  1. Indsæt koden som det allerførste element i <head> på alle sider.

    <script src="https://www.cookiefriend.dk/cf.js" data-cf-id="DIN-ID" data-blocking="auto" data-cfasync="false"></script>
  2. Bruger du Next.js: brug next/script med strategy="beforeInteractive" i dit root layout.

  3. Ryd alle caches (i dit tema, plugins og evt. Cloudflare).

  4. Klik på 'Tjek installation' i Cookiefriend.

  5. Fjern eventuelle gamle cookiebannere, så dine besøgende kun ser ét.

Sidder du fast? Få hjælp af os eller send guiden til din udvikler.

Koden ovenfor er et eksempel. Din egen kode får du gratis.

Opret gratis og få din egen kode

Det skal du være opmærksom på

  • Koden skal stå før alle andre scripts i <head>, så den kan blokere dem.
  • Next.js: Brug next/script med strategy="beforeInteractive" i dit root layout.
  • Singlepage-apps: Banneret husker valget på tværs af sideskift uden ekstra kode.

Spørgsmål om Anden / egen kode

Kan jeg bruge async eller defer?

Nej, så når banneret ikke at blokere andre scripts i tide.

Virker det med React, Vue og Next.js?

Ja, det er almindeligt JavaScript uden afhængigheder.

Påvirker det sidens hastighed?

Meget lidt. Scriptet er lille og caches i browseren.

Læs mere