javascript - 在我的 javascript 文件中插入 Google 分析脚本

Question

我的 html 文件的 javascript 部分如下所示:

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

我并不是真正的 JavaScript 专家。所以，我真的不明白最后一个脚本在做什么。我想知道是否可以将此代码复制并粘贴到 myscript.js 中以节省一些字节？

令我困扰的是我的脚本的“异步”属性。是否必须在页面开头执行谷歌分析脚本的这一部分？

我读过很多关于这个主题的问题和答案，但没有一个能让我清楚地理解。其中大多数都是关于之前的分析脚本，而不是这个。

Answer 1

// Checks if window.dataLayer already defined. If defined, use that array else creates an empty array.
window.dataLayer=window.dataLayer||[];
//This functions add elements to the above defined array. This array is used by the google analytics script defined at the top.
//arguments is a javascript keyword to fetch all arguments passed to a function as an array.
function gtag(){
 dataLayer.push(arguments);
}
//gtag called with arguments ['js', <current date>]
gtag('js',new Date());
//gtag called with arguments ['config', <token>]
gtag('config','UA-XXXXXX-X');

最终结果是:

datalayer=[
['js', <current date>],
['config', <token>]
]

您的数据层应在 gtag 脚本调用之前定义，否则可能无法工作。这个链接解释得很好link1和 link2 。因此，将 datalayer 保留在异步脚本中并不可靠，因为它不能保证您的脚本将在 gtag 脚本之前执行。