GTM Tracking HOC

withTracking.js

const withTracking = WrappedRoute => props => {
  console.log(props);

  if (window.dataLayer) {
    window.dataLayer.push({
      event: "pageview or something",
      // https://developers.google.com/tag-manager/devguide
    });
  }

  return <WrappedRoute {...props} />;
};

class App extends Component {
  render() {
    return (
      <Router>
        <Switch>
          <Route path="/user/:id" component={withTracking(UserEditScreen)} />
          <Route
            path="/promo-codes"
            component={withTracking(GenerateEntitlementCodesScreen)}
          />
          <Route
            path="/entitlement-code/:code"
            component={withTracking(EntCodeSearchScreen)}
          />
          <Route path="/" component={withTracking(UserSearchDashboard)} />
        </Switch>
      </Router>
    );
  }
}