react-router-google-analytics/README.md

google analytics for react router (ready for server side rendering).

[![NPM Version](https://img.shields.io/npm/v/react-router-google-analytics.svg?style=flat)](https://www.npmjs.org/package/react-router-google-analytics)
[![Build Status](https://travis-ci.org/taiyuf/react-router-google-analytics.svg?branch=master)](https://travis-ci.org/taiyuf/react-router-google-analytics)

# react-router-google-analytics

The react router implementation for Google Analytics, server side rendring ready.

## How to use

### install

```
npm install react-router-google-analytics --save
```

### setup

in your universal.js.

```
import Ga from 'react-router-google-analytics';

.
.
.

export function createClientApp(store, history, trackingCode, env) {
  const ga  = Ga(trackingCode);

  return (
    <Provider store={store}>
      <Router
         history={history}
         onUpdate={() => env === 'production' && ga('send', 'pageview', location.pathname)}
         >
        {routes}
      </Router>
    </Provider>
  );
}

export function createServerApp(store, props) {
  return (
    <Provider store={store}>
      <RouterContext {...props} />
    </Provider>
  );
}

```