问题标签 [react-gtm-module]

我使用这块在我的 Next.js 应用程序中初始化 GTM：

但是当我尝试使用它启动应用程序时，我收到了错误：

如何解决这个问题？

我正在将标准的 html/css/javascript 网站转换为 React PWA。我在使用 react-gtm-module 初始化 Google Tag Manager 时遇到问题。

以下片段来自原始工作 html 站点。

以下 React 片段位于 App.js 文件中：

Tag Assistant 工具会标记以下错误：

我在本地或运行“npm run build”并上传到主机 Web 服务器后收到相同的错误。

我也收到以下相同的错误：

任何援助将不胜感激。

谢谢。

看来 react-gtm-moudle 正在创建错误的 scr 路径。它正在用“.”交换“/”。

下面的 src 路径由 Google 提供。 https://www.googletagmanager.com/gtag/js？

下面的 src 路径是由 react-gtm-module gtag 生成的：https://www.googletagmanager.com/gtm.js ?

Google 标记管理器会标记此错误。脚本 async="" src=""https://www.googletagmanager.com/gtm.js?id=AW-xxx871634>m_auth=>m_preview=>m_cookies_win=x"">/script

我想我正在正确初始化 react-gtm-module：

任何帮助，将不胜感激。谢谢。

我实际上正在开发一个大型 Web 应用程序，它最初是使用 Symfony/Twig 构建的，然后使用 React 逐渐重构。但是由于我使用的是 React，所以我的一些页面在 Google 跟踪代码管理器 (GTM) 中没有“视图”。

我按照本指南在 React 中使用 GTM。但是我在 GTM 中有很多（数十个）标签和触发器，基于 3 个原生事件“容器加载”（gtm.js）、“DOM 就绪”（gtm.dom）和“窗口加载”（gtm.load）。

第一个解决方案（来自指南）是添加一个新的自定义触发器（基于历史源）并将我们的标签链接到这个新触发器上。但由于我有太多标签，这不是一个令人满意的解决方案。

第二种解决方案是使用数据层手动触发事件。这很好用，我可以轻松触发“DOM Ready”和“Window Loaded”事件。但是对于“已加载容器”，它不能按预期工作。我猜 GTM 在每次页面加载时不会多次处理此事件。

所以，这是我的问题：

• 是否可以在 GTM 中“伪造重新加载”（这样 GTM 就像我打开一个新页面一样）？
• 或者是否可以gtm.js多次触发“集装箱装载”（ ）？

“正常”容器加载触发器的屏幕截图：

手动调用 Container Loaded 触发器的屏幕截图（来自 React）：

我Google Tag Manager用来处理 Facebook Pixel。

该像素应该通过具有自定义参数的自定义事件触发：{ make、model} 和自定义条件：{make等于ford、model等于focus}。

我有两个基本实现（每个都有自己的项目）。

在项目 1中，我使用 JS Vanilla 代码并GTM按照他们的建议集成代码（更新头部/主体）。

然后，当我打电话时：

当条件匹配→ Success时，触发器会正确激活。

在项目 2中，我使用的是NPMpackage: react-gtm-module。

为了使用它，我首先使用以下方法对其进行初始化：

然后我尝试通过以下方式激活触发器：

但这一次触发器没有被激活。

当我检查应该被激活的触发器的状态时，我得到以下信息：

我可以看到甚至事件名称都不匹配。它以当前路线作为事件名称，但我指定为 event: PageViewEvent。

在这两个示例中，我都使用了相同的参数。然后，我想我没有正确使用这个NPM包：react-gtm-module

你能帮我解决这个问题吗？

提前致谢！

我是否需要为每个页面添加 GTM 初始化（以下代码）？还是我只需要在 app.js 文件中添加它？

1. 我使用下面的代码初始化了谷歌标签管理器。

2. 我使用以下代码在每个页面组件处设置页面标题。

为谷歌标签管理器收集时，为什么页面URL更新了，文档标题却没有更新？始终显示首页标题。

我在我的网站上设置了 GTM，我可以将 dataLayer 发送到我的 GTM 容器就好了。我想知道我是否可以从我的后端做同样的事情？我的后端在 Spring Boot 上运行，我很难找到任何文档。我的用例是我想在收到客户付款时将 dataLayer 发送到我的 GTM 容器。从客户端来说会很困难，因为支付成功页面可以多次加载；给出不正确的结果。

如何从后端微服务将 dataLayer 发送到我的 GTM 容器？

我正在使用谷歌标签管理器（react-gtm-module）包）将自定义事件推送到谷歌分析。在代码中我这样做：

然后，在 GTM 中，我对此有触发器Custom event （事件名称在任何地方都相同）和将事件发送到 Google Analytics 的标记。然后在 GA 我将该事件标记为转换，但是当我在网站上触发该事件时，它显示为常规事件而不是转换。

这适用于所有其他事件，但不适用于此事件。我试图重命名事件并将新事件标记为转换，但它没有帮助。

任何人都可以知道为什么它不能按预期只在这个事件中起作用的原因吗？

我已经在这个模块的帮助下将 Google Tag Manager 添加到我的 React 应用程序 - react-gtm-module

因此，正如文档所说，我在基本文件上初始化了我的 GTM

我在我的标签中看到了脚本标签

因此，一旦我打开我的网站，我就会在 GTM 的调试模式下看到容器加载，并看到标签 GA - UA-XXXXXXX - 所有页面都正确触发。

现在我的主页上有一个按钮，单击该按钮会将我带到新路线，因此在调试模式下我看到历史记录更改但我想触发 GA - UA-XXXXXXX - 该历史记录更改中的所有页面标签，这不会发生。仅当我在任何路线上刷新网站时才会触发此标签