通过JavaScript动态注入Google分析代码

我正在尝试将谷歌分析代码动态注入我的dom。我的代码如下所示

 (function () {
    const head = document.getElementsByTagName("head")[0];

    var myScript = document.createElement('script');

    myScript.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=UA-1234567-6');
    head.insertBefore(myScript, head.children[1]);

})();

window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'UA-1234567-6');

---

我可以看到

https://www.googletagmanager.com/gtag/js?id=UA-1234567-6

正在添加到我的DOM中。但是它下面的代码（从

window.dataLayer

开始）没有被执行。如何解决此问题？

尝试使用

onload

事件

（函数（）{
const head=document.getElementsByTagName（“head”）[0]；
var myScript=document.createElement（'script'）；
myScript.setAttribute（'src'，'https://www.googletagmanager.com/gtag/js?id=UA-1234567-6');
myScript.onload=函数（）{
window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
console.log（'window.dataLayer Executed'，window.dataLayer）
gtag（“配置”、“UA-1234567-6”）；
}
head.insertBefore（myScript，head.children[1]）；
})();尝试使用
onload
事件


（函数（）{
const head=document.getElementsByTagName（“head”）[0]；
var myScript=document.createElement（'script'）；
myScript.setAttribute（'src'，'https://www.googletagmanager.com/gtag/js?id=UA-1234567-6');
myScript.onload=函数（）{
window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
console.log（'window.dataLayer Executed'，window.dataLayer）
gtag（“配置”、“UA-1234567-6”）；
}
head.insertBefore（myScript，head.children[1]）；
})();