Ga naar hoofdinhoud

Handmatige installatie

Tijd: ~5 minuten Vereist: Toegang tot de HTML-broncode van uw website

Stap 1: Kopieer uw insluitfragment​

Ga in uw ConsentForge-dashboard naar Property → Insluiten en kopieer uw fragment:

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

Stap 2: Voeg het toe aan uw HTML​

Plak het fragment vóór </head> — niet onderaan <body>.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mijn Site</title>
  <!-- ConsentForge — moet vóór alle scripts van derden staan -->
  <script
    src="https://cdn.consentforge.com/consentforge.min.js"
    data-token="cf_live_abc123"
    defer
  ></script>
</head>
<body>
  ...
</body>
</html>
Volgorde is belangrijk

Het ConsentForge-script moet vóór alle scripts van derden (Google Analytics, Meta Pixel, enz.) worden geladen voor een correcte werking van de scriptblokkering.

Stap 3: Markeer scripts van derden voor blokkering​

Voeg type="text/plain" en data-consent-category toe aan elk script dat u geblokkeerd wilt houden totdat toestemming is gegeven:

<!-- VOOR: laadt direct, negeert toestemming -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>

<!-- NA: geblokkeerd totdat de gebruiker toestemming geeft voor "analytics" -->
<script
  type="text/plain"
  data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"
></script>

Categoriewaarden:

WaardeBetekenis
necessaryLaadt altijd (geen blokkering)
analyticsLaadt na toestemming voor analyses
marketingLaadt na toestemming voor marketing
functionalLaadt na toestemming voor functioneel

Stap 4: Testen​

Open uw site in een incognitovenster. De toestemmingsbanner moet verschijnen voordat geblokkeerde scripts worden geladen. Controleer in DevTools → Netwerk dat geblokkeerde scripts niet verschijnen totdat er toestemming is gegeven.

Veelvoorkomende voorbeelden​

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', 'UW_PIXEL_ID');
  fbq('track', 'PageView');
</script>

YouTube-insluiting​

<!-- Gebruik data-src in plaats van src -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0">
</iframe>