如何使用 JS 在 head 中附加 Google Analytics 代码答案

【问题标题】：How to append Google Analytics code in head using JS如何使用 JS 在 head 中附加 Google Analytics 代码
【发布时间】：2023-02-11 01:11:50
【问题描述】：

当 UserAgent 不是 bot(googlebot) 时，我试图在 head 中附加 Google Analytics Script 代码。

我在尝试什么：

<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
var CheckUA = agent.match(/Googlebot/i);

if(!CheckUA) {
       var scriptTagAnalytics = "***MY GA script CODE***"; 
       document.head.prepend(scriptTagAnalytics);
}
</script>

我的谷歌分析代码是：

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

【问题讨论】：

标签： javascript append appendchild

【解决方案1】：

我对其进行了测试，它反映在 Google Analytics 中。唯一的事情是源代码将是可见的。

 if(!CheckUA) {
  (function() {
  const head = document.getElementsByTagName("head")[0];
  var myScript = document.createElement('script');
  myScript.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=UA-123456789-1');
  myScript.onload = function() {
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    console.log('window.dataLayer Executed', window.dataLayer)
    gtag('config', 'UA-123456789-1');
  }
  head.insertBefore(myScript, head.children[1]);
})();

【讨论】：