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

Question

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

下面的代码片段来自原始工作的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>

任何帮助都将不胜感激。

谢谢。

Answer 1

已解决。我错误地使用转换ID与Google Tag Manager容器ID进行了初始化。

Answer 2

用containerId代替gtmid GTagManager.initialize({containerId：'AW-xxx871634'})；