Opt-In um eigene externe JavaScript-, CSS Dateien erweitern

Mit folgender Anleitung können eigene externe JavaScript- und CSS-Dateien in das Opt-In eingebunden werden.

Bevor Ihre Website online geht empfehlen wir nochmals zu testen, ob alle externen Daten abhängig vom Opt-In geladen werden. Bitte beachten Sie, dass wir für die Integration von eigenen Scripten keinen Support leisten können. Die Integration und Verwendung geschieht auf eigene Gefahr.

Gerne können Sie uns einen Script für das Opt-In vorschlagen.

Überblick

data-src Platzhalter für Ziel-Adresse
data-privacy Minimum Datenschutz-Optin-Level für Ausführung
Unterstützte HTML-Elemente iframe, script, link, object, img

Embed iFrame Code

  1. Laden Sie die Beispieldatei example_iframe.html5 Vorlage in den Ordner templates/
  2. Ändern Sie die PHP Variable $iframeSrc in dieser Datei
  3. Binden Sie die Datei an gewünschter Stelle mit dem Contao Insert-Tag (file) ein
example_iframe.html5

Externe JavaScript Dateien mit inline JavaScript

  1. Laden Sie die Beispieldatei example_embed_js.html5 Vorlage in den Ordner templates/
  2. Ändern Sie in dieser Datei die URL zu Ihrer externen JavaScript Datei
  3. Kopieren Sie Ihren JavaScript zwischen den Kommentaren // start und // end
  4. Binden Sie die Datei an gewünschter Stelle mit dem Contao Insert-Tag (file) ein
example_embed_js.html5

Externe JavaScript Dateien

Binden Sie an gewünschter Stelle Ihre externe JavaScript-Datei ein. Ändern Sie das Attribut src auf data-src. Ergänzen Sie das Attribut data-privacy. Siehe Data-privacy Einstellungen.

<script data-privacy="2" data-src="meinExternerCode.js"></script>

Achtung: kopieren Sie Ihren Code ohne dem <script></script> Tag. Ihr Code darf keine doppelten Anführungszeichen beinhalten.

Externe CSS Dateien

Binden Sie an gewünschter Stelle Ihre externe CSS-Datei ein. Ändern Sie das Attribut src auf data-src. Ergänzen Sie das Attribut data-privacy. Siehe Data-privacy Einstellungen.

<link data-privacy="2" data-src="meinExternerCode.css">

Externe Bilder

Binden Sie an gewünschter Stelle Ihr externes Bild ein. Ändern Sie das Attribut src auf data-src. Ergänzen Sie das Attribut data-privacy. Siehe Data-privacy Einstellungen.

<img data-privacy="2" data-src="meinExternesBild.jpg">

Externes Object

Binden Sie an gewünschter Stelle Ihr externes Object ein. Ändern Sie das Attribut data auf data-src. Ergänzen Sie das Attribut data-privacy. Siehe Data-privacy Einstellungen.

<object data-privacy="2" data-src="meineExterneDatei.swf"></object>

Data-privacy Einstellungen

Das Attribut data-privacy entspricht der jeweiligen Datenschutzeinstellung die der Besucher im Opt-In vornimmt.

data-privacy="1" Opt-In Level 1
data-privacy="2" Opt-In Level 2
data-privacy="3" Opt-In Level 3

Tipp: Aktualisieren Sie Ihre Datenschutzbestimmungen bzw. Texte im Datenschutz Opt-In Modul entsprechend der externen Dienste die Sie einbinden.