Astrojs 中的 Google 标签管理器与 partytown 不起作用

Question

我正在尝试在 astro 上使用 partytown 设置 gtm，但它不起作用。我遵循了文档，但标签没有在我的 gtm 上触发，而且我也遇到了一些 CORS 问题。如果有人在 astro 上使用 partytown 配置了 gtm，我将不胜感激。

这是我的全部代码：

<!-- Google Tag Manager -->
<script type="text/partytown">
(function (w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
    var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != "dataLayer" ? "&l=" + l : "";
    j.async = true;
    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
    f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-ID");
</script>
<!-- End Google Tag Manager -->

我的

astro.config.mjs

 integrations: [
    tailwind(),
    react(),
    partytown({
      config: {
        forward: ['dataLayer.push']
      }
    })
  ],

我的gtm

我网站中的控制台

Answer 1

我在一篇文章中看到这也可能是必需的：

<script>
  partytown = {
    forward: ['dataLayer.push']
  };
</script>

https://caisy.io/blog/google-tag-manager-astro