Zum Hauptinhalt springen

Manuelle Installation

Zeit: ~5 Minuten Voraussetzungen: Zugang zum HTML-Quellcode Ihrer Website

Schritt 1: Einbettungscode kopieren​

Gehen Sie in Ihrem ConsentForge-Dashboard zu Property → Embed und kopieren Sie Ihren Code:

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

Schritt 2: Zum HTML hinzufügen​

Fügen Sie den Code vor </head> ein — nicht am Ende von <body>.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Meine Website</title>
  <!-- ConsentForge — muss vor allen Drittanbieter-Skripten stehen -->
  <script
    src="https://cdn.consentforge.com/consentforge.min.js"
    data-token="cf_live_abc123"
    defer
  ></script>
</head>
<body>
  ...
</body>
</html>
Reihenfolge ist wichtig

Das ConsentForge-Skript muss vor allen Drittanbieter-Skripten (Google Analytics, Meta Pixel usw.) geladen werden, damit die Skriptblockierung korrekt funktioniert.

Schritt 3: Drittanbieter-Skripte zur Blockierung markieren​

Fügen Sie type="text/plain" und data-consent-category zu jedem Skript hinzu, das Sie blockieren möchten, bis die Einwilligung erteilt wird:

<!-- VORHER: lädt sofort, ignoriert Einwilligung -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>

<!-- NACHHER: blockiert bis der Nutzer in "analytics" einwilligt -->
<script
  type="text/plain"
  data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"
></script>

Kategorie-Werte:

WertBedeutung
necessaryLädt immer (keine Blockierung)
analyticsLädt nach Analyse-Einwilligung
marketingLädt nach Marketing-Einwilligung
functionalLädt nach Funktions-Einwilligung

Schritt 4: Testen​

Öffnen Sie Ihre Website in einem Inkognito-Fenster. Das Einwilligungsbanner sollte erscheinen, bevor blockierte Skripte geladen werden. Prüfen Sie in DevTools → Netzwerk, dass blockierte Skripte nicht erscheinen, bis die Einwilligung erteilt wurde.

Häufige Beispiele​

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>

YouTube-Einbettung​

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