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