Matomo - 单个站点上的多个容器/标签管理器

如何解决Matomo - 单个站点上的多个容器/标签管理器

设置

• 我的团队正在构建一个 Web 组件，该组件集成在许多主机站点上
• 这些托管站点中的每一个都由不同的团队管理，并且有自己的 matomo 标签管理器和自己的 ID，例如<script src="https://.../container_ugas78d7sg.js">
• 我们只想在仪表板中可视化我们自己的事件。我们不关心托管网站的分析，托管网站也不关心我们的。
• 我的想法是加载第二个标签管理器脚本，例如<script src="https://.../container_asd3s99ssd.js"> 并使用第二个容器发送事件。然而，这两个脚本都希望在 window._mtm 中加载标签管理器。
• Multiple containers on the same site should to be possible，但文档中没有示例

问题：

• 如何在不覆盖 _mtm 的情况下加载第二个容器并向其发送事件？
• 在不装载第二个容器的情况下，是否有更好的替代方案？

解决方法

你可以做例如：

<!-- Matomo Tag Manager -->
<script type="text/javascript">
    var _mtm1 = window._mtm1 = window._mtm1 || [];
    _mtm1.push({'mtm1.startTime': (new Date().getTime()),'event': 'mtm1.Start'});

    var d=document,g=d.createElement('script'),s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src='https://{$MATOMO_URL}/js/container_{$CONTAINER}.js'; s.parentNode.insertBefore(g,s);

    var d1=document,g1=d1.createElement('script'),s1=d1.getElementsByTagName('script')[1];
    g1.type='text/javascript'; g.async=true; g1.src='https://{$MATOMO_URL}/js/container_{$CONTAINER}.js'; s1.parentNode.insertBefore(g1,s1);
</script>
<!-- End Matomo Tag Manager -->

我认为在整个窗口中你只需要一个 _mtm，因为它只包含 startTime。您唯一需要做的就是将第二个容器加载到页面上，它们都将使用相同的“startTime”变量 - 我看不出为什么这两个容器应该使用不同的“startTime”变量。

我不确定您是否应该在 getElementsByTagName 期间获取数组的第一个元素或第二个元素。

希望它有效！

,

像本人看起来overthought此。一个可以只加载 2 个不同的容器脚本，第二个不会覆盖 _mtm。两者都可以单独配置，并将事件发送到各自的站点 ID。