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

<a href="#" id="loadVideoLink">Video abspielen</a>
    <div id="videoContainer"></div>

    <script src="app.js"></script>

Javascript

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