Wie bindet man ein Video DSGVO korrekt ein und zwar ohne Plugin – Video lädt nach Bestätigung nach

von | Nov 21, 2024 | Allgemein | 0 Kommentare

Schlagwörter: DSGVO - HTML - Javascript - Webdesign

Inhaltsverzeichnis

Heute zeige ich euch wie man nach einem Klick auf einen Link ein Element nachladen kann. Diese Technik kommt immer wieder beim Thema DSGVO zum Einsatz. Mit Klick auf den Button wird ein Video nachgeladen, den Twitter Feed oder oder oder.

Und heute zeige ich euch wie man also mit einem Klick auf den Link ein Video nachladen kann. Somit muss der Webseiten Besucher explizit JA sagen bevor das Video kommt und Daten zu Google übermittelt werden.

Video

HTML

1
2
3
4
    <a href="#" id="loadVideoLink">Video abspielen</a>
    <div id="videoContainer"></div>
 
    <script src="app.js"></script>

Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
document.addEventListener("DOMContentLoaded", function() {
    var loadVideoLink = document.getElementById("loadVideoLink");
    var videoContainer = document.getElementById("videoContainer");
 
    loadVideoLink.addEventListener("click", function() {
        // Erstellen Sie das YouTube-IFrame erst, wenn der Link geklickt wurde
        var iframe = document.createElement("iframe");
        iframe.setAttribute("width", "560");
        iframe.setAttribute("height", "315");
        iframe.setAttribute("src", "https://www.youtube.com/embed/jqYt7onZWU8");
        iframe.setAttribute("frameborder", "0");
        iframe.setAttribute("allowfullscreen", "");
 
        // Fügen Sie das IFrame zum Video-Container hinzu
        videoContainer.appendChild(iframe);
 
        // Deaktivieren Sie den Link, um das Video nur einmal zu laden
        loadVideoLink.style.pointerEvents = "none";
        loadVideoLink.style.textDecoration = "none";
        loadVideoLink.style.color = "gray";
 
        // Blenden Sie den Link aus
        loadVideoLink.style.display = "none";
    });
});

Jetzt wisst ihr also wie das geht und ihr seht ihr könnt alles so nachladen – nicht nur für die DSGVO sondern auch sonst zb für AGB akzeptieren, Gewinnspiele usw

Viel Spass

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert