Przejdź do głównej zawartości

Instalacja ręczna

Czas: ~5 minut Wymaga: Dostępu do kodu źródłowego HTML swojej strony

Krok 1: Skopiuj fragment osadzenia​

W panelu ConsentForge przejdź do Właściwość → Osadzanie i skopiuj fragment:

<script
  src="https://cdn.consentforge.com/consentforge.min.js"
  data-token="YOUR_EMBED_TOKEN"
  data-position="bottom"
  data-theme="auto"
  defer
></script>

Krok 2: Dodaj go do swojego HTML​

Wklej fragment przed </head> — nie na dole <body>.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
  <!-- ConsentForge — musi być przed wszystkimi skryptami stron trzecich -->
  <script
    src="https://cdn.consentforge.com/consentforge.min.js"
    data-token="cf_live_abc123"
    defer
  ></script>
</head>
<body>
  ...
</body>
</html>
Kolejność ma znaczenie

Skrypt ConsentForge musi się załadować przed wszystkimi skryptami stron trzecich (Google Analytics, Meta Pixel itp.), aby blokowanie skryptów działało prawidłowo.

Krok 3: Oznacz skrypty stron trzecich do blokowania​

Dodaj type="text/plain" i data-consent-category do każdego skryptu, który ma być zablokowany do momentu wyrażenia zgody:

<!-- PRZED: ładuje się natychmiast, ignoruje zgodę -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>

<!-- PO: zablokowany do momentu wyrażenia zgody na „analytics" -->
<script
  type="text/plain"
  data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"
></script>

Wartości kategorii:

WartośćZnaczenie
necessaryZawsze ładuje się (bez blokowania)
analyticsŁaduje się po wyrażeniu zgody na analitykę
marketingŁaduje się po wyrażeniu zgody na marketing
functionalŁaduje się po wyrażeniu zgody na funkcjonalne

Krok 4: Testowanie​

Otwórz swoją stronę w oknie incognito. Baner zgody powinien pojawić się przed załadowaniem jakichkolwiek zablokowanych skryptów. Sprawdź w Narzędziach deweloperskich → Sieć, że zablokowane skrypty nie pojawiają się przed wyrażeniem zgody.

Typowe przykłady​

Google Analytics 4​

<script type="text/plain" data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script type="text/plain" data-consent-category="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');
</script>

Meta Pixel​

<script type="text/plain" data-consent-category="marketing">
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){...}
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Osadzenie YouTube​

<!-- Użyj data-src zamiast src -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0">
</iframe>