javascript - 如何在 react js 应用程序中使用 react-gtm-module？

Question

在我的 react 应用程序中，我使用了 react-gtm-module .我只有 GTM ID。
我将以下代码放在每个页面路由器组件中

import TagManager from 'react-gtm-module';

componentDidMount(){
        const tagManagerArgs = {
            dataLayer: {
                page: '/pagepath'
            },
            gtmId: 'GTM-XXXXXX',
            
        }
        TagManager.initialize(tagManagerArgs)
       
    }

我只是将上面的代码放在每个路由组件中。通过使用上面的代码，在谷歌分析中，路径有时会显示，有时不会显示在 Active Page 中。 .
是我必须在我的代码中输入代码来实现谷歌分析跟踪页面还是我必须添加更多其他代码？如果是，那么我必须添加什么以及在哪里添加？
当然，我错过了我的代码中的某些内容。但究竟是什么？

Answer 1

仅使用每个应用程序中的 id 进行初始化，而不是每个页面

TagManager.initialize({
  gtmId: gtm_id,
});

然后在每一页中，

TagManager.dataLayer({
  dataLayer: {
    event: 'pageview',
    pagePath: 'page-path-here',
    pageTitle: 'page-title-here',
  },
});