为什么 Matomo 跟踪代码是这样的[关闭]

Question

在网站中包含 Matomo 分析的默认代码如下所示：

<!-- Matomo -->
<script type="text/javascript">
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//{$MATOMO_URL}/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', {$IDSITE}]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

我想知道为什么这么复杂：

• matomo.js 需要一个全局变量 window._paq。为什么不直接初始化呢：

  window._paq = [['trackPageView'], ['enableLinkTracking'], ...];

• 立即调用的函数表达式在做什么？只是为了在全局范围内隐藏 'u'、'd' 等？

• 通过 DOM 操作插入脚本。在这个块之后放置一个<script src="matomo.js"></script>标签不是更简单吗？

使用我正在寻找的信息进行编辑，因为我无法再回答自己了：

作为 René Roth answered，该代码除了显而易见的之外什么都不做 - 它设置或扩展 _paq，并包含其他脚本。完全等价于这个，看起来没有混淆：

<script type="text/javascript">
window._paq = [
    ['trackPageView'],
    ['enableLinkTracking'],
    ['setTrackerUrl', '//matomo.example.com/matomo.php'],
    ['setSiteId', '2'],
]
</script>
<script src="//matomo.example.com/matomo.js" type="text/javascript" async="true"></script>

Answer 1

matomo.js 需要一个全局变量 window._paq。为什么不直接 初始化它：

window._paq = [['trackPageView'], ['enableLinkTracking'], ...];

在某些情况下，_paq 变量可能已经定义，并且包含一些您可能想要或需要的附加选项。在这种情况下，这种初始化方式可以防止覆盖预定义的选项。

立即调用的函数表达式在做什么？只为了 在全局范围内隐藏“u”、“d”等？

最好不要用变量污染全局命名空间，您可能已经在全局范围内有一个名为 u 或 d 的变量。

通过 DOM 操作插入脚本。会不会更简单 只是在这个块之后放置一个标签？

您可以这样做，但是您需要确保在调用脚本之前定义了_paq。这样，所有相关信息都集中在一个地方，并且在运行主 matomo 脚本之前肯定会设置选项。