如何在javascript中动态加载gtag.js(Google analytics)

Question

当用户不想获得cookie时，我试图在javascript中阻止谷歌分析。

if (want_cookie != "no"){
/* load google analytics script */
}

但是我没有找到如何在 javascript 中加载这个脚本......

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXX');
</script>

Answer 1

尝试这样的事情：

if (want_cookie != "no"){
var newScript = document.createElement("script");
newScript.type = "text/javascript";
newScript.setAttribute("async", "true");
newScript.setAttribute("src", "https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX");
document.documentElement.firstChild.appendChild(newScript);
}

所以我所做的是在检查用户是否同意 cookie 动态创建脚本元素并将其附加到页面之后。