Verwaltung von On-Page-Elementen und Tags mit UnicScript

Sie können On-Page-Elemente mit UnicScript verwalten, um Tags basierend auf der Benutzereinwilligung für bestimmte Zweck-IDs oder benutzerdefinierte Anbieter-IDs zu laden, wie sie durch IAB TCF 2.3-Zwecke oder Google Consent Mode-Typen definiert sind.

IAB TCF 2.3 Zweck-IDs

Inline-JavaScript basierend auf der Einwilligung für eine Zweck-ID laden

Sie können Inline-JavaScript dynamisch basierend auf der Einwilligung für bestimmte Zweck-IDs laden.

Beispiel 1: Skript für eine einzelne Zweck-ID laden

<script type="text/unicscript" unic-purpose-id="1">
  console.log('Consent granted for purpose 1');
</script>

Beispiel 2: Externes Skript mit einer Zweck-ID laden

<script type="text/unicscript" unic-purpose-id="1" src="path-to-external-script.js"></script>

Inline-JavaScript basierend auf mehreren Zweck-IDs laden

Beispiel: Skript für mehrere Zweck-IDs laden

<script type="text/unicscript" unic-purpose-ids="1,2,3">
  console.log('Consent granted for purposes 1, 2, and 3');
</script>

Inline-JavaScript basierend auf der Einwilligung für eine benutzerdefinierte Anbieter-ID laden

Beispiel:

<script type="text/unicscript" unic-vendor-id="1">
  console.log('hello vendor 1');
</script>

Beispiel 2:

<script type="text/unicscript" unic-vendor-id="1" src="xxxxx"></script>

Inline-Iframes basierend auf der Einwilligung für eine Zweck-ID laden

Sie können Iframes dynamisch basierend auf der Einwilligung für eine bestimmte Zweck-ID laden.

Beispiel: Iframe für eine einzelne Zweck-ID laden

<iframe
  data-unicscript
  unic-purpose-id="1"
  width="560"
  height="315"
  data-src="https://www.youtube.com/embed/XXXX"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Inline-Iframes basierend auf mehreren Zweck-IDs laden

Beispiel: Iframe für mehrere Zweck-IDs laden

<iframe
  data-unicscript
  unic-purpose-ids="1,2,3"
  width="560"
  height="315"
  data-src="https://www.youtube.com/embed/XXXX"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Inline-Iframes basierend auf der Einwilligung für eine benutzerdefinierte Anbieter-ID laden

Beispiel: Iframe für eine einzelne Anbieter-ID laden

<iframe
  unic-vendor-id="1"
  width="560"
  height="315"
  data-src="https://www.youtube.com/embed/XXXX"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Inline-JavaScript basierend auf benutzerdefinierten Zweck-IDs laden

Sie können Skripte und Iframes basierend auf der Einwilligung für benutzerdefinierte Zwecke mit den Attributen unic-cp-id und unic-cp-ids laden.

Beispiel 1: Skript für eine einzelne benutzerdefinierte Zweck-ID laden

<script type="text/unicscript" unic-cp-id="custom_analytics">
  console.log('Custom analytics consent granted');
</script>

Beispiel 2: Externes Skript für eine benutzerdefinierte Zweck-ID laden

<script type="text/unicscript" unic-cp-id="custom_analytics" src="https://example.com/analytics.js"></script>

Beispiel 3: Skript für mehrere benutzerdefinierte Zweck-IDs laden (alle müssen eingewilligt sein)

<script type="text/unicscript" unic-cp-ids="custom_analytics,ab_testing">
  console.log('Both custom purposes consented');
</script>

Beispiel 4: Iframe für eine benutzerdefinierte Zweck-ID laden

<iframe
  data-unicscript
  unic-cp-id="custom_analytics"
  width="560"
  height="315"
  data-src="https://example.com/widget"
  frameborder="0"
></iframe>

Inline-JavaScript basierend auf Google Consent Mode-Typen laden

Dieser Abschnitt beschreibt, wie Sie Inline-JavaScript basierend auf den Einwilligungstypen in Google Consent Mode laden, abgeglichen mit den Einwilligungstypen des UniConsent Simple Mode.

Die folgende Tabelle zeigt, wie verschiedene Google Consent Mode-Einwilligungstypen den UniConsent Simple Mode-Einwilligungstypen zugeordnet werden und welche Zwecke sie jeweils haben:

Beispiel: Inline-JavaScript laden

Verwenden Sie das folgende Format, um Inline-JavaScript basierend auf der Benutzereinwilligung zu laden:

<script type="text/unicscript" unic-gcm-id="functionality_storage">
  console.log('Consent for functionality storage is granted, script is executed.');
</script>

Sie können mehrere Einwilligungstypen mit dem Attribut unic-gcm-ids angeben, wie unten gezeigt:

<script type="text/unicscript" unic-gcm-ids="analytics_storage,ad_user_data">
  console.log('Consent for analytics storage and ad user data is granted, script is executed.');
</script>

Beispiel: Iframes basierend auf Einwilligung laden

Sie können Einwilligungseinstellungen auch auf Iframes anwenden. Hier ein Beispiel:

<iframe data-unicscript unic-gcm-ids="functionality_storage,ad_personalization"
  width="560" height="315"
  data-src="https://www.youtube.com/embed/XXXXXXX"
  frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>

Dieses Beispiel stellt sicher, dass der Iframe-Inhalt nur geladen wird, wenn die Einwilligung für die angegebenen Kategorien (functionality_storage und ad_personalization) erteilt wurde.

Google Adsense mit UnicScript verwalten

Ändern Sie:

<script
  async
  src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
  type="text/javascript"
></script>

zu:

<script
  async
  src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
  unic-purpose-id="3"
  type="text/unicscript"
></script>

Ändern Sie den Google Adsense-Anzeigenslot-Tag auf der Seite von:

<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXX" data-ad-slot="XXXXXXX" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script type="text/javascript">
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

zu:

<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXX" data-ad-slot="XXXXXXX" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script type="text/unicscript" unic-purpose-id="3" >
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Noch Fragen?

Kontaktieren Sie uns: support@uniconsent.com