# Consent-Auto-Blocking fuer cafe4eck-klarstellung.blogspot.com

cafe4eck-klarstellung.blogspot.com: 15 Auto-Blocking-Regel(n) fuer 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 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.
- Meta/Facebook (*.facebook.com): Kategorie marketing, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="marketing" data-src="https://facebook.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="marketing" data-src="https://facebook.com/..." src="about:blank" title="Meta/Facebook"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.marketing equals true.
- Google Static (*.gstatic.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://gstatic.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://gstatic.com/..." src="about:blank" title="Google Static"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- Google Static (*.ssl.gstatic.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://ssl.gstatic.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://ssl.gstatic.com/..." src="about:blank" title="Google Static"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- accounts.google.com (*.accounts.google.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://accounts.google.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://accounts.google.com/..." src="about:blank" title="accounts.google.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- apis.google.com (*.apis.google.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://apis.google.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://apis.google.com/..." src="about:blank" title="apis.google.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- blogblog.com (*.blogblog.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://blogblog.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://blogblog.com/..." src="about:blank" title="blogblog.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- blogger.com (*.blogger.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://blogger.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://blogger.com/..." src="about:blank" title="blogger.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- blogger.googleusercontent.com (*.blogger.googleusercontent.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://blogger.googleusercontent.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://blogger.googleusercontent.com/..." src="about:blank" title="blogger.googleusercontent.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- resources.blogblog.com (*.resources.blogblog.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://resources.blogblog.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://resources.blogblog.com/..." src="about:blank" title="resources.blogblog.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- static.xx.fbcdn.net (*.static.xx.fbcdn.net): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://static.xx.fbcdn.net/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://static.xx.fbcdn.net/..." src="about:blank" title="static.xx.fbcdn.net"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- translate-pa.googleapis.com (*.translate-pa.googleapis.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://translate-pa.googleapis.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://translate-pa.googleapis.com/..." src="about:blank" title="translate-pa.googleapis.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- translate.google.com (*.translate.google.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://translate.google.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://translate.google.com/..." src="about:blank" title="translate.google.com"></iframe>`
  GTM: Fire only when event equals saferpage_consent_update and consent.unklar equals true.
- translate.googleapis.com (*.translate.googleapis.com): Kategorie unklar, Default blocked.
  Script: `<script type="text/plain" data-saferpage-category="unklar" data-src="https://translate.googleapis.com/..."></script>`
  Iframe: `<iframe data-saferpage-category="unklar" data-src="https://translate.googleapis.com/..." src="about:blank" title="translate.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 pruefen: 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 duerfen 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 ausloesen.