javascript - 如何使用 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 跟踪代码管理器容器 ID 进行了初始化。

Answer 2

使用 containerId 代替 gtmid GTagManager.initialize({containerId: 'AW-xxx871634'});