Banner overlay for technologies that are not supported by our Smart Data Protector

With the code below it is possible to replicate the Smart Data Protector (SDP) banner to technologies that are implemented via an event listener.

For iFrames:

To implement this code it is only necessary to replace the Google Maps template ID with the template ID of the Data Processing Service that is to block and replace the Google Maps iFrame with the Data Processing Service iFrame:

    <script>
        //replace the S1pcEj_jZX to the technology template id that you want!
        var templateID = "S1pcEj_jZX";
        
        uc.blockElements({
        [templateID] : '#log' // Show google maps overlay over the element with ID '12345'
        });
        window.addEventListener('UC_UI_INITIALIZED', function(event) {
                var technologyName = UC_UI.getServicesBaseInfo().find(data => (data.id === templateID)).name;
                
 
            window.addEventListener("ucEvent", function (e) {
        
            if(e.detail.type == "explicit" && e.detail[technologyName.toString()]){
                //replace the iframe to the code that you want show
                document.getElementById('log').innerHTML = '<iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319" width="100%" height="200" frameborder="0" style="border:0"></iframe>';
                
        }
        });
    });
        
        </script>

<div id="log"></div>