GDPR Cookiebanner

Med GDPR blev det et krav at alle hjemmesider skulle have en Cookie Consent. Jeg fik muligheden at udvikle en Cookie Consent til min egen hjemmeside, som jeg sidenhen har udviklet til en digital platform.

Banner funktionalitet

Cookie banners funktionalitet bliv udviklet i plain JS, med Custom HTML tags. Kerne funktion er at banneret ud fra en lang liste blockere alle 3-parts scripts (cookies), såsom Google Analytics etc.

Scriptet går hele DOM-Træet igennem og scanner for scripts som matcher listen af black listed scripts. Så snart den finder script tags som indeholder "injection" scripts som f.eks.

            <script>
                (function(){
                    var s = document.createElement("script");
                    s.type = "text/javascript";
                    s.async = true;
                    s.src = "https://connect.facebook.com/events.js";
                    var x = document.getElementsByTagName("script")[0];
                    x.parentNode.insertBefore(s, x);
                })()
            </script>
        

For at kunne scanne hjemmesiden for ændringer som der sker på siden under loading, benytter jeg mig af "MutationObserver". MutationObserver kigger på ændringer som sker i DOM-træet. Udfra denne information og de forgivet Regex og script blocker cookie banneren alle scripts med, type="text/plain" hvorefter de scripts bliver fjernet fra DOM-træet.