一个反应性Vite项目中的GA v4

Question

将添加到Vite React项目中的最佳方法是什么？我已经将gtag.js脚本添加到Vite项目中的index.html文件中。它确实在实时跟踪用户，但似乎没有跟踪其他任何东西。这让我觉得代码应该在App.jsx中而不是.

因为当我去GA的时候，我会收到这样的信息:还没有从我的网站上收到任何数据。

我研究过react-ga，但这似乎只适用于UA-XXX标记，因为我使用的是GA v4，它使用G-XXXX的ID。

是否有人在React项目中添加了v4 GA标记？

更新

刚找到https://www.npmjs.com/package/react-ga4

我现在就是这样..。

import React from 'react'
import ReactGA from 'react-ga4'
import {Helmet} from 'react-helmet'
import Footer from './components/base/Footer'
import Header from './components/base/Header'
import Form from './components/Form'
import Table from './components/Table'

ReactGA.initialize('G-XXXXXXX')
ReactGA.send('pageview')

function App() {
  return (
    ...

但是仍然收到这样的信息：“还没有从你的网站收到任何数据。”在GA中

Answer 1

最好是使用vite插件。目前Vite-插件-雷达是可用的，它支持7+分析提供商( Google，Google，Facebook，Linkedin Insight，Yandex，百度同济和微软广告)

vite插件的另一个优点是它们大多与框架无关，因此您可以将它们与Vue、React、Svelte或其他vite支持的框架一起使用。