Javascript React路由器v4谷歌分析React ga

大家好，我一直在努力跟踪文档，以便在我的react站点中使用react ga。我正在使用React路由器V4。我的Google Analytics上不断出现一个错误，说它找不到它，没有有效的跟踪代码，但我确实使用了我的跟踪ID。也许我需要的拼图中有一块我遗漏了？下面是我的index.js

从“React”导入React；
从“react dom”导入react dom；
从“react router dom”导入{BrowserRouter，Switch，Route}；
导入“./index.css”；
从“./containers/Home.js”导入主页
从“/containers/AllExplore.js”导入AllExplore；
从“/containers/Explore.js”导入Explore；
让ReactGA=require（'react-ga'）；
ReactGA.initialize（'UA-MYIDNUMBER-1'）；
函数logPageView（）{
ReactGA.set（{page:window.location.pathname+
window.location.search}）；
页面视图（window.location.pathname+window.location.search）；
}
类应用程序扩展了React.Component{
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'root'））；

这是我的ReactGA设置。我不确定它是否理想，但它在多个生产应用程序中工作。我也使用ReactRouter4

GoogleAnalyticTracking.js

import React from 'react';
import GoogleAnalytics from 'react-ga';

import settings from './../../config/settings'

GoogleAnalytics.initialize(settings.GOOGLE_ANALYTICS_KEY /*, {debug : true}*/);

const GoogleAnalyticsTracking = (WrappedComponent) => {
    const trackPage = (page) => {
        GoogleAnalytics.set({ page });
        GoogleAnalytics.pageview(page);
    };

    const HOC = (props) => {
        const page = props.location.pathname;
        //Disable on dev
        if (!settings.dev){
            trackPage(page);
        }

        return (
            <WrappedComponent {...props} />
        );
    };

    return HOC;
};

export default GoogleAnalyticsTracking;

import React from 'react';
import ReactDOM from 'react-dom';
import registerServiceWorker from './registerServiceWorker';
import { Route } from 'react-router-dom';
import { createStore, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import createHistory from 'history/createBrowserHistory';
import { ConnectedRouter, routerMiddleware } from 'react-router-redux';
import ReduxThunk from 'redux-thunk';

import GoogleAnalyticsTracking from './component/GoogleAnalyticsTracking'
import App from './App';
import reducers from './reducers';

const history = createHistory()
const store = createStore(reducers, applyMiddleware(routerMiddleware(history), ReduxThunk))

const element = (
    <Provider store={store}>
        <ConnectedRouter history={history}>
            <Route component={GoogleAnalyticsTracking(App)} />
        </ConnectedRouter>
    </Provider>
)

ReactDOM.render(element, document.getElementById('root'));
registerServiceWorker();

从“React”导入React；
从“react ga”导入GoogleAnalytics；
从“/../../config/settings”导入设置
初始化（settings.GOOGLE_ANALYTICS_KEY/*，{debug:true}*/）；
常量GoogleAnalyticTracking=（WrappedComponent）=>{
const trackPage=（第页）=>{
GoogleAnalytics.set（{page}）；
GoogleAnalytics.pageview（第页）；
};
const HOC=（道具）=>{
const page=props.location.pathname；
//在dev上禁用
如果（！settings.dev）{
trackPage（第页）；
}
返回(
);
};
返回HOC；
};
导出默认GoogleAnalyticTracking；

index.js

import React from 'react';
import GoogleAnalytics from 'react-ga';

import settings from './../../config/settings'

GoogleAnalytics.initialize(settings.GOOGLE_ANALYTICS_KEY /*, {debug : true}*/);

const GoogleAnalyticsTracking = (WrappedComponent) => {
    const trackPage = (page) => {
        GoogleAnalytics.set({ page });
        GoogleAnalytics.pageview(page);
    };

    const HOC = (props) => {
        const page = props.location.pathname;
        //Disable on dev
        if (!settings.dev){
            trackPage(page);
        }

        return (
            <WrappedComponent {...props} />
        );
    };

    return HOC;
};

export default GoogleAnalyticsTracking;

import React from 'react';
import ReactDOM from 'react-dom';
import registerServiceWorker from './registerServiceWorker';
import { Route } from 'react-router-dom';
import { createStore, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import createHistory from 'history/createBrowserHistory';
import { ConnectedRouter, routerMiddleware } from 'react-router-redux';
import ReduxThunk from 'redux-thunk';

import GoogleAnalyticsTracking from './component/GoogleAnalyticsTracking'
import App from './App';
import reducers from './reducers';

const history = createHistory()
const store = createStore(reducers, applyMiddleware(routerMiddleware(history), ReduxThunk))

const element = (
    <Provider store={store}>
        <ConnectedRouter history={history}>
            <Route component={GoogleAnalyticsTracking(App)} />
        </ConnectedRouter>
    </Provider>
)

ReactDOM.render(element, document.getElementById('root'));
registerServiceWorker();

从“React”导入React；
从“react dom”导入react dom；
从“./registerServiceWorker”导入registerServiceWorker；
从'react router dom'导入{Route}；
从“redux”导入{createStore，applyMiddleware}；
从'react redux'导入{Provider}；
从“历史记录/createBrowserHistory”导入createHistory；
从“react router redux”导入{ConnectedRouter，routerMiddleware}；
从“redux thunk”导入redux thunk；
从“./component/GoogleAnalyticTracking”导入GoogleAnalyticTracking
从“./App”导入应用程序；
从“./reducers”导入减速机；
const history=createHistory（）
const store=createStore（还原器、applyMiddleware（路由中间件（历史）、ReduxThunk））
常量元素=(
)
render（元素，document.getElementById（'root'）；
registerServiceWorker（）；

我试图整理一些与你关于GA的问题相关的代码。我只是想给你一个关于我工作的准确图片