我想为嵌入到网站中的iframe构建选择加入对话框。目的是在用户同意之前不加载iframe。原因:根据GDPR,未经用户许可,不得转让IP地址。
到目前为止,这是我的代码:
<div class="wrapper">
<div class="map">
<div id="opt-in">
<div class="overlay">
<h3>GDPR Notice</h3>
<p>.....................................</p>
<button class="confirm">Accept</button>
</div>
</div>
</div>
<script>
jQuery(document).ready(function() {
var CookieGet = Cookies.get("gmapsConsent");
if (CookieGet != null) {
jQuery("#opt-in").hide();
jQuery("#opt-in").after('<iframe class="google-maps" src="https://www.google.com/maps/embed/v1/..."></iframe>');
}
else {
jQuery("#opt-in .confirm").click(function() {
Cookies.set("gmapsConsent", "1", { expires: 100 });
jQuery("#opt-in").hide();
jQuery("#opt-in").after('<iframe class="google-maps" src="https://www.google.com/maps/embed/v1/..."></iframe>');
});
}
});
</script>
</div>
我可以看到的是,仅通过单击按钮来设置cookie,因此这似乎可行。但是我想确定一下,是在点击之前(是IP地址已传输)还是在点击/同意之后才加载iframe。
我不确定,因为Iframe src只是在html包装器中进行了编码,与同意无关。
我希望一切都是可以理解的。英语不是我的母语。
谢谢!