Reactjs Google Analytics 4和React Router==页面标题滞后

Reactjs Google Analytics 4和React Router==页面标题滞后,reactjs,google-analytics,google-analytics-4,Reactjs,Google Analytics,Google Analytics 4,一些背景 我们正在与一个内置的水疗中心合作。我们目前正在整合Google Analytics 4。我们已经为GA4启用了增强的测量功能,它可以自动收集大量数据,包括pageview。由于React路由器使用Web历史API来更改页面,因此自动GA4 pageview几乎是开箱即用的。但是,我们注意到,在一些数据收集中,有时页面标题会滞后,并使用上一页的标题 假设发生这种情况是因为以下原因。。。1) 当我们开始导航时,React会立即更改URL,而不知道关于页面的任何其他元数据(包括页面标题),2

一些背景

我们正在与一个内置的水疗中心合作。我们目前正在整合Google Analytics 4。我们已经为GA4启用了增强的测量功能,它可以自动收集大量数据,包括pageview。由于React路由器使用Web历史API来更改页面,因此自动GA4 pageview几乎是开箱即用的。但是,我们注意到,在一些数据收集中,有时页面标题会滞后,并使用上一页的标题

假设发生这种情况是因为以下原因。。。1) 当我们开始导航时,React会立即更改URL,而不知道关于页面的任何其他元数据(包括页面标题),2)一旦我们获取了关于页面的元数据,我们就用该数据更新DOM;但是3) GA4在URL/历史记录更改时立即触发,这是在我们添加正确的标题之前

知道了这一点,我们知道我们可以通过延迟URL更改来解决这个问题,直到我们获得正确的元数据。然而,由于我们正在使用React路由器,因此似乎没有一种内置的方法来实现这一点。似乎我们必须编写自己的路由器,这将远远超出本项目的范围。有人知道不做大手术的方法吗

我们还知道,我们可以通过禁用自动pageview并简单地实现自定义pageview事件来解决这个问题。然而,我们的分析经理对此表示担忧,因为1)为了做到这一点,我们必须完全关闭增强测量;没有办法保持增强的度量启用,而只禁用自动pageview事件,2)我们将转向非标准实现,这在过去给我们带来了很多麻烦

有没有人遇到过这些问题?如果有,人们想出了什么样的解决方案