# Consent-Auto-Blocking für bikable.de

bikable.de: 23 Auto-Blocking-Regel(n) für Skripte, Iframes und Tag-Manager-Trigger aus SaferPage-Dienstsignalen.

> Auto-Blocking-Regeln sind Betreiber-Vorlagen. Produktivbetrieb braucht CMP-Freigabe, Tests je Consent-Zustand, CSP-/Tag-Manager-Abgleich und fachliche Freigabe.

## Regeln
- Google Fonts (*.fonts.gstatic.com): Kategorie externe_medien, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.gstatic.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="externe_medien" data-src="https://fonts.gstatic.com/..." src="about:blank" title="Google Fonts"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
- Google Fonts (*.fonts.googleapis.com): Kategorie externe_medien, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.googleapis.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="externe_medien" data-src="https://fonts.googleapis.com/..." src="about:blank" title="Google Fonts"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
- api.videoly.co (*.api.videoly.co): Kategorie externe_medien, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://api.videoly.co/..."></script>`
  Iframe: `<iframe data-saferpage-category="externe_medien" data-src="https://api.videoly.co/..." src="about:blank" title="api.videoly.co"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
- fonts.cdnfonts.com (*.fonts.cdnfonts.com): Kategorie externe_medien, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.cdnfonts.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="externe_medien" data-src="https://fonts.cdnfonts.com/..." src="about:blank" title="fonts.cdnfonts.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
- Google AdSense (*.pagead2.googlesyndication.com): Kategorie marketing, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="marketing" data-src="https://pagead2.googlesyndication.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="marketing" data-src="https://pagead2.googlesyndication.com/..." src="about:blank" title="Google AdSense"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.marketing equals true.
- Google Tag Manager (*.googletagmanager.com): Kategorie marketing, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="marketing" data-src="https://googletagmanager.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="marketing" data-src="https://googletagmanager.com/..." src="about:blank" title="Google Tag Manager"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.marketing equals true.
- Google Analytics (*.region1.google-analytics.com): Kategorie statistik, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="statistik" data-src="https://region1.google-analytics.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="statistik" data-src="https://region1.google-analytics.com/..." src="about:blank" title="Google Analytics"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.statistik equals true.
- XSRF-TOKEN (*.bikable.de): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://bikable.de/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://bikable.de/..." src="about:blank" title="XSRF-TOKEN"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- api.clerk.io (*.api.clerk.io): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://api.clerk.io/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://api.clerk.io/..." src="about:blank" title="api.clerk.io"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- assets.coolrunner.dk (*.assets.coolrunner.dk): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://assets.coolrunner.dk/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://assets.coolrunner.dk/..." src="about:blank" title="assets.coolrunner.dk"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- bat.bing.com (*.bat.bing.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://bat.bing.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://bat.bing.com/..." src="about:blank" title="bat.bing.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- bat.bing.net (*.bat.bing.net): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://bat.bing.net/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://bat.bing.net/..." src="about:blank" title="bat.bing.net"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- cdn.clerk.io (*.cdn.clerk.io): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://cdn.clerk.io/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://cdn.clerk.io/..." src="about:blank" title="cdn.clerk.io"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- clerk_visitor (*.bikable.de): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://bikable.de/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://bikable.de/..." src="about:blank" title="clerk_visitor"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- consent.app.cookieinformation.com (*.consent.app.cookieinformation.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://consent.app.cookieinformation.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://consent.app.cookieinformation.com/..." src="about:blank" title="consent.app.cookieinformation.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- images.bikable.com (*.images.bikable.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://images.bikable.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://images.bikable.com/..." src="about:blank" title="images.bikable.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- images.bikable.de (*.images.bikable.de): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://images.bikable.de/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://images.bikable.de/..." src="about:blank" title="images.bikable.de"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- images.bikable.fi (*.images.bikable.fi): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://images.bikable.fi/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://images.bikable.fi/..." src="about:blank" title="images.bikable.fi"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- include_vat (*.bikable.de): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://bikable.de/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://bikable.de/..." src="about:blank" title="include_vat"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- messenger-edge.dixa.io (*.messenger-edge.dixa.io): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://messenger-edge.dixa.io/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://messenger-edge.dixa.io/..." src="about:blank" title="messenger-edge.dixa.io"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- messenger.dixa.io (*.messenger.dixa.io): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://messenger.dixa.io/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://messenger.dixa.io/..." src="about:blank" title="messenger.dixa.io"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- policy.app.cookieinformation.com (*.policy.app.cookieinformation.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://policy.app.cookieinformation.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://policy.app.cookieinformation.com/..." src="about:blank" title="policy.app.cookieinformation.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- storage.googleapis.com (*.storage.googleapis.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://storage.googleapis.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://storage.googleapis.com/..." src="about:blank" title="storage.googleapis.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.

## Loader Snippet

```js
window.addEventListener('saferpage-consent-update', function(event) {
  var consent = event.detail || {};
  document.querySelectorAll('script[type="text/plain"][data-saferpage-category][data-src]').forEach(function(node) {
    var category = node.getAttribute('data-saferpage-category');
    if (!consent[category] || node.getAttribute('data-saferpage-loaded') === 'true') return;
    var script = document.createElement('script');
    Array.prototype.slice.call(node.attributes).forEach(function(attr) {
      if (attr.name === 'type' || attr.name === 'data-src' || attr.name === 'data-saferpage-category') return;
      script.setAttribute(attr.name, attr.value);
    });
    script.src = node.getAttribute('data-src');
    script.async = true;
    node.setAttribute('data-saferpage-loaded', 'true');
    node.parentNode.insertBefore(script, node.nextSibling);
  });
  document.querySelectorAll('iframe[data-saferpage-category][data-src]').forEach(function(node) {
    var category = node.getAttribute('data-saferpage-category');
    if (!consent[category] || node.src === node.getAttribute('data-src')) return;
    node.src = node.getAttribute('data-src');
  });
});
```

## GTM Setup
- 1. Consent Initialization: Default Consent Mode vor allen Marketing-/Analytics-Tags auf denied setzen.
- 2. Tag Trigger prüfen: Jeder nicht notwendige Tag braucht Kategoriebedingung aus saferpage_consent_update.
- 3. Unklassifizierte Tags blockieren: Neue oder unbekannte Dienste bleiben aus, bis Kategorie, Zweck und Rechtsgrundlage freigegeben sind.
- 4. Reject/GPC testen: Nach Ablehnen und GPC dürfen keine Marketing-/Analytics-/Embed-Tags nachladen.

## Placeholder
- visual_embeds: Videos, Karten, Captchas und Social Widgets mit Platzhalter anzeigen und erst nach Kategorie-Freigabe laden.
- copy: Dieser externe Inhalt ist blockiert, bis Sie die passende Datenschutz-Kategorie aktivieren.
- preview_limit: Keine externen Preview-Bilder laden, wenn diese bereits Drittanbieter-Kontakte auslösen.
