当前位置: 首页 > 知识库问答 >
问题:

如何为React-路由器设置Google Analytics 4?

韩明德
2023-03-14

我正试图在我的react网站上设置谷歌分析4。之前我用的是react-ga,但是这个库还不支持Google Analytics 4。我将GA4标签直接粘贴到index.html文件中,没有外部库。要让GA4与react路由器一起工作,我还需要添加什么代码?< br >预先感谢!

共有3个答案

公孙国兴
2023-03-14

您应该能够停止使用react-ga,只需在index.html中插入全局脚本标记,正如Cameron提到的那样。请记住,您可能需要确保您的应用程序按照需要更新GA4工作的window.location和document.title。

谷歌的文档提到:

“当页面浏览被发送到Analytics时,将使用默认页面参数值,除非进行了修改。这意味着如果在发送事件之前对window.location(例如通过历史API)和document.title进行了更新,则无需修改page_title或page_location参数。”。

我有一个简单的单页应用程序,直到我在每次渲染时更新标题和位置之前,我没有收到详细的页面视图数据

相德宇
2023-03-14

您也可以签出npm软件包ga-4-react:

https://www.npmjs.com/package/ga-4-react

吴子昂
2023-03-14

可以直接调用< code>gtag。只需将全球网站标签代码放入您的index.html <代码>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

我今天面临着同样的问题,最终拿出react-ga包并走这条路。我从react-ga演示代码中保存了withTracker.js部分并如下所示对其进行了修改。

export default function withTracker(WrappedComponent, options = {}) {
    const trackPage = (page) => {
        window.gtag('send', 'page_view', {
            page_location: window.location.href,
            page_path: window.location.pathname            
        });
    };
...
 类似资料:
  • 我已将路径修改为 在此之后,如果我试图访问url,它不会将我重定向到适当的页面,而是抛出一个错误,如下所示

  • 问题内容: 我想从而不是从站点根目录开始导航。 例如 当我的网址是 我该怎么办? 问题答案: 当用户导航到时,将基本标记添加到正在提供的主HTML文件中: 可以在开发人员指南/使用$ location中 找到更多信息。

  • 问题内容: 我有以下几点: 使用DefaultRoute时,由于任何* Dashboard需要在Dashboard中呈现,因此SearchDashboard呈现不正确。 我想在“应用”路由内将DefaultRoute指向路由“ searchDashboard”。这是我可以使用React Router进行的操作,还是应该为此使用常规Javascript(用于页面重定向)? 基本上,如果用户转到主页,

  • 我有以下几点: 使用DefaultRoute时,SearchDashboard渲染不正确,因为任何*仪表板都需要在仪表板中渲染。 我想为我的默认路线内的"应用程序"路由指向路由"搜索仪表板"。这是我可以用React路由器做的事情吗,或者我应该为此使用普通的Javascript(页面重定向)? 基本上,如果用户转到主页,我希望将其发送到搜索仪表板。所以我想我正在寻找一个与

  • 问题内容: 我有一个与此类似的设置: 我想将WebSocketServer放在特定的路径下,例如。问题是如何设置路径?可能吗? 问题答案: 您将要使用以下选项: 在此处查看完整文档