Javascript Google Analytics两次调用React web应用程序_Javascript_Reactjs_Google Analytics

Javascript Google Analytics两次调用React web应用程序

javascript reactjs google-analytics

Javascript Google Analytics两次调用React web应用程序,javascript,reactjs,google-analytics,Javascript,Reactjs,Google Analytics,我有一个web应用程序（博客），并使用React（React初学者工具包）构建它。在我的Html.js上部署并添加GA后，我使用Google的Tag Assistant检查了该站点，发现在打开我的主页并重定向到文章详细信息页面后，GA标签再次被调用（带有UA-…）下面是我在Html.js中添加GA的代码片段： <body> <div id="app" dangerouslySetInnerHTML={{ __html: children }}

我有一个web应用程序（博客），并使用React（React初学者工具包）构建它。在我的Html.js上部署并添加GA后，我使用Google的Tag Assistant检查了该站点，发现在打开我的主页并重定向到文章详细信息页面后，GA标签再次被调用（带有UA-…）

下面是我在Html.js中添加GA的代码片段：

 <body>
                <div id="app" dangerouslySetInnerHTML={{ __html: children }} />
                <script
                    dangerouslySetInnerHTML={{ __html: `window.App=${serialize(app)}` }}
                    />
                {scripts.map(script => <script key={script} src={script} />)}
                {config.analytics.googleTrackingId && (
                    <script
                      dangerouslySetInnerHTML={{
                        __html:
                          'window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;' +
                          `ga('create','${
                            config.analytics.googleTrackingId
                          }','auto');ga('send','pageview')`,
                      }}
                    />
                  )}
                {config.analytics.googleTrackingId && (
                    <script
                        src="https://www.google-analytics.com/analytics.js"
                        async
                        defer
                    />
                )}


{scripts.map（script=>）}
{config.analytics.googleTrackingId&&(
)}
{config.analytics.googleTrackingId&&(
)}

我怀疑GA代码被检测两次的原因是路由和Html.js被再次重新呈现

我怎样才能纠正这个问题

谢谢。

您需要将Google analytics代码移到组件之外。一些react初学者工具包有一个分析代码的占位符，您可以看到您的工具包是否也有相同的占位符。你的入门套件的回购协议是什么？我用了这个：，你能建议一下吗？你可以在

/src/config.js

第41行ehm中添加分析代码，是的，在那里添加了分析代码ID。但是，问题如上面代码所示，我向GA发送了一个页面视图，并使用了config.js中的ID。但是，当我从一个组件移动到另一个组件时，发送页面视图的GA代码会被调用两次