问有没有办法有不同的Google Tag Manager ID为不同的URL在单页应用程序？
EN

Stack Overflow用户

提问于 2021-02-01 17:34:39

回答 1查看 34关注 0票数 0

我正在尝试添加多个Google Tag Manager (GTM)到我的Reactjs网站。根据我在谷歌开发人员指南上读到的内容，实现这一点的唯一方法是在index.html文件的<head>标签中添加2个包含谷歌提供的javascript片段的<script>标签，这些标签指向2个不同的GTM。这将使我的网站总是同时指向2GTM Id，但这并不是我所期望的。

假设有URL1和URL2，当用户切换到URL1时，我希望GTM的值是GTM-1，当用户转到URL2时，GTM Id将是GTM-2。因为Reactjs是SPA，所以app root会被渲染1次，而GTM代码片段也会在那一刻被执行。如何在更改URL (浏览我的网站)时更改GTM-Id？

javascript

reactjs

google-tag-manager

回答 1

Stack Overflow用户

发布于 2021-02-01 17:42:09

您应该能够使用window.location.href来获取页面的URL。然后，您可以使用IF语句输出相关的GTM，即：

    if (window.location.href = "URL1") {
    /* GTM-1 code */
    }
    else if (window.location.href = "URL2") {
    /* GTM-2 code */
    }
    else { /*Handle error */ }

警告:如果你首先在服务器级别重定向，这将不起作用，并且只有当你有两个不同的URL作为用户访问的“目标”时才会起作用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65990257

复制

相似问题

问有没有办法有不同的Google Tag Manager ID为不同的URL在单页应用程序？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法有不同的Google Tag Manager ID为不同的URL在单页应用程序？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法有不同的Google Tag Manager ID为不同的URL在单页应用程序？
EN