在 Gatsby 应用程序中检测到多个全局站点标记 (gtag.js) 安装

Posted 2023-02-21

【中文标题】在 Gatsby 应用程序中检测到多个全局站点标记 (gtag.js) 安装

【英文标题】：Multiple installations of Global site tag (gtag.js) detected in Gatsby application

【发布时间】：2019-06-11 05:16:06

【问题描述】：

我在我的 gatsby 应用程序中设置了 Google Analytics 代码。

<script>
    var gaId = "UA-xxxxxxxx-1";
    var JSLink = "https://www.googletagmanager.com/gtag/js?id=" + gaId;
    var JSElement = document.createElement('script');
    JSElement.src = JSLink;
    document.getElementsByTagName('head')[0].appendChild(JSElement);


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

    gtag('config', gaId);

</script>

当我使用 Google Tag Assistant 检查该网站时，它说有多个跟踪代码安装。

我怎样才能摆脱全球站点标签的重复安装？在 React 应用中设置 Google Analytics 有什么建议？

【问题讨论】：

你在哪里放置脚本标签？你还在为 gatsby 使用任何谷歌分析插件吗？

我把它放在 标签之前。我还需要在其中添加一些自定义脚本来跟踪电话转换，这就是我不使用 gatsby 分析插件的原因。

有什么解决办法吗？

【参考方案1】：

通过google tag manager 连接您的所有媒体资源（Analytics、Google Ads），并将代码管理器代码添加到您的网站。就可以解决问题了。

【讨论】：

即使使用 GTM 也可能出现此问题。完全切换工具也不总是一种选择。