1

我有一个 React 应用程序，它使用react-ga包将 Google Analytics 跟踪器代码 ( UA-123456789-1) 添加到所有路由。

但是，当我使用 Chrome 浏览器搜索 React 应用程序的源代码时，找不到跟踪代码。果然，当我访问 React 应用程序时，跟踪代码的 Google Analytics 实时视图没有显示任何数据。

ReactGA正在我App.js的包含 React Router 路由中初始化。

import React, { useEffect } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import createHistory from 'history/createBrowserHistory'

import Home from './screens/Home'
import Faq from './screens/Faq';
import 'bootstrap/dist/css/bootstrap.min.css';

import ReactGA from 'react-ga';
ReactGA.initialize('UA-123456789-1')

function App() {
  const history = createHistory();
  
  history.listen(location => {
    ReactGA.set({ page: location.pathname })
    ReactGA.pageview(location.pathname)
  })

  useEffect(() => {
    ReactGA.pageview(window.location.pathname + window.location.search)
  }, [history])
  
  return (
    <React.Fragment>
      <Router>
        <Switch>
          <Route exact path="/" component={Home} />
          <Route exact path="/faq" component={Faq} />
        </Switch>
      </Router>
    </React.Fragment>
  );
}

export default App;

为什么 GA 跟踪代码没有添加到 React 应用程序中？

4

0 回答 0