Я использую react-ga
модуль для Google Analytics .Я использую pageView
для добавления просмотров страниц, и вы можете вызывать эту функцию там, где вы хотите в приложении.Для создания события я использую
ReactGA.event({
category: 'Click',
action: 'Button clicked',
label: 'Button login clicked',
});
Это пример для отслеживания всех посещенных страниц.
Это мое index.js
:
ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>
, document.getElementById('root'));
И мое приложениекомпонент:
class App extends Component {
state = {
page: '',
loaded: false,
}
static getDerivedStateFromProps(nextProps, prevState) {
const page = window.location.pathname + (window.location.search? window.location.search : "");
if(!prevState.loaded) {
ReactGA.initialize('UA-XXXXXXX-0', {
debug: false,
titleCase: false,
});
prevState.loaded = true;
}
if(prevState.page !== page) {
ReactGA.pageview(page);
prevState.page = page;
}
return prevState;
}
render() {
const { history } = this.props;
return (
<Application />
);
}
}
export default withRouter(App);