如何在 javascript 中动态加载 gtag.js（谷歌分析）

【问题标题】：How to load gtag.js (Google analytics) dynamically in javascript如何在 javascript 中动态加载 gtag.js（谷歌分析）
【发布时间】：2018-12-11 18:26:01
【问题描述】：

当用户不想获取 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>

【问题讨论】：

标签： javascript cookies google-analytics

【解决方案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 后动态创建脚本元素并将其附加到页面。

【讨论】：

这似乎取代了第一个<script>，但第二个呢？