Track page views on router history change

front/gatsby/src/index.jsx

@@ -1,6 +1,6 @@
 import React, { lazy } from 'react'
 import { render } from 'react-dom'
-import { BrowserRouter as Router, Route, Switch, useParams, } from 'react-router-dom'
+import { BrowserRouter as Router, Route, Switch, useParams, useHistory } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import 'whatwg-fetch'
 
@@ -47,10 +47,24 @@ const ArticleID = (props) => {
   )
 }
 
+const TrackPageViews = () => {
+  const history = useHistory()
+
+  history.listen(({ pathname, search, state }, action) => {
+    /* global _paq */
+    _paq.push(['setCustomUrl', '/' + pathname])
+    //_paq.push(['setDocumentTitle', 'My New Title'])
+    _paq.push(['trackPageView'])
+  })
+
+  return null
+}
+
 render(
   <React.StrictMode>
     <Provider store={store}>
       <Router>
+        <TrackPageViews />
         <Switch>
           <Route path="/register">
             <App layout="centered">