如何使用react-gtm-module初始化标签管理器？

问题描述

我正在将标准的html / css / javascript网站转换为React PWA。我在使用react-gtm-module初始化Google跟踪代码管理器时遇到问题。

以下代码段来自原始的html网站。

<code>
script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxx871634"> /script
</code>

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

<code>
import GTagManager from 'react-gtm-module';
GTagManager.initialize({gtmId: 'AW-xxx871634'});
class App extends React.Component {
</code>

Tag Assistant工具标记以下错误：

<code>
script async="" src=""https://www.googletagmanager.com/gtm.js?id=AW-959871634&gtm_auth=&gtm_preview=&gtm_cookies_win=x"">/script

Invalid or missing account ID?
HTTP response code indicates tag Failed to fire: Status 404. This Could be due to an empty or un-published container.
</code>

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

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

<code>
import GTagManager from 'react-gtm-module';
class App extends React.Component {
...
componentDidMount(){
GTagManager.initialize({gtmId: 'AW-xxx871634'});
...
</code>

任何帮助将不胜感激。

谢谢。

解决方法

已解决。我使用转换ID和Google跟踪代码管理器容器ID进行了错误的初始化。

,

使用containerId代替gtmid GTagManager.initialize（{containerId：'AW-xxx871634'}）;