Package Exports

react-router-ga

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-router-ga) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-router-ga

Google Analytics component for React Router. Bear in mind this is a super simple implementation that only logs page views. Logging of custom events, exceptions, user timings or social interactions is currently not supported.

Props

Prop	Type	Description	Default value
`id`	string	Google Analytics tracking ID	Required
`basename`	string	If provided, react-router-ga will prepend the basename to the pathname of each page view. (This should match the `basename` provided to the React Router `BrowserRouter` component. See here for documentation.)	-
`debug`	boolean	If enabled, react-router-ga will log all page views to the console	`false`
`trackPathnameOnly`	boolean	If enabled, react-router-ga will only send page views when the pathname changed	`false`

Usage Example

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import Analytics from 'react-router-ga';
import { Home, Login, NoMatch } from './components';

ReactDOM.render(
  <BrowserRouter>
    <Analytics id="UA-123456789-0" debug>
      <Switch>
        <Route exact path="/" component={Home}/>
        <Route exact path="/login" component={Login} />
        <Route component={NoMatch} />
      </Switch>
    </Analytics>
  </BrowserRouter>,
  document.getElementById('root')
);

Demo App

You can also have a look at this simple app bootstrapped with create-react-app that's making use of react-router and react-router-ga: https://github.com/fknussel/react-router-ga-example.

Dependencies

This project has react@^16.0.0 and react-router-dom@^4.0.0 as peer dependencies.