ga-react-router-component
Google analytics for react-router-component.
Based on ga-react-router
How to use
npm install wali-s/ga-react-router-component
- In your
webpack.config.js
addnew webpack.DefinePlugin({GA_TRACKING_CODE: JSON.stringify('XXXXXXXX')})
- Use analytics in your routing code.
Example
'use strict';
var React = require('react');
var Router = require('react-router-component');
var GoogleAnalytics = require('ga-react-router-component');
var MainPage = require('../pages/index');
var UserPage = require('../pages/user');
var NotFound = require('../pages/not-found');
var App = React.createClass({
trackPageview: function() {
GoogleAnalytics.trackPageview();
},
componentDidMount: function() {
this.trackPageview();
},
render: function() {
return (
<Router.Locations onNavigation={this.trackPageview}>
<Router.Location path="/" handler={MainPage} />
<Router.Location path="/users/:username" handler={UserPage} />
<Router.NotFound handler={NotFoundPage} />
</Router.Locations>
)
}
});