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
- Laden Sie die Beispieldatei example_iframe.html5 Vorlage in den Ordner templates/
- Ändern Sie die PHP Variable $iframeSrc in dieser Datei
- Binden Sie die Datei an gewünschter Stelle mit dem Contao Insert-Tag (file) ein
Externe JavaScript Dateien mit inline JavaScript
- Laden Sie die Beispieldatei example_embed_js.html5 Vorlage in den Ordner templates/
- Ändern Sie in dieser Datei die URL zu Ihrer externen JavaScript Datei
- Kopieren Sie Ihren JavaScript zwischen den Kommentaren // start und // end
- Binden Sie die Datei an gewünschter Stelle mit dem Contao Insert-Tag (file) ein
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.