Matomo track PageView and SiteSearch

arildm · arildm · commit 01b77fb9bec4 · 2019-07-02T10:45:15.000+02:00
diff --git a/src/app/routing.service.ts b/src/app/routing.service.ts
@@ -3,7 +3,7 @@ import { Store } from '@ngrx/store';
 import { Observable, timer, fromEvent } from 'rxjs';
 import * as _ from 'lodash';
 
-import { INITIATE, RELOAD, OPENDOCUMENT_NOHISTORY, CLOSEDOCUMENT_NOHISTORY, AppState, SearchRedux } from './searchreducer';
+import { INITIATE, RELOAD, OPENDOCUMENT_NOHISTORY, CLOSEDOCUMENT_NOHISTORY, AppState, SearchRedux, CHANGEQUERY } from './searchreducer';
 import { QueryType } from './strixquery.model';
 
 /** The Routing Service is responsible for keeping the web browser URL and
@@ -52,7 +52,10 @@ export class RoutingService {
       if (state.latestAction !== INITIATE) {
         if (state.history) {
           console.log("PUSHING STATE")
+          const referrer = location.search
           window.history.pushState("", "", urlString)
+          ;(window as any)._paq.push(['setReferrerUrl', referrer], ['setCustomUrl', urlString])
+          ;(window as any)._paq.push(state.latestAction === CHANGEQUERY ? ['trackSiteSearch', state.query] : ['trackPageView'])
         } else {
           window.history.replaceState("", "", urlString)
         }
diff --git a/src/index.html b/src/index.html
@@ -24,7 +24,7 @@
       display : block;
     }
   </style>
-  
+
   <!-- favicon stuff -->
   <link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
@@ -43,14 +43,28 @@
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
   <meta name="theme-color" content="#ffffff">
-  <!-- favicon end --> 
+  <!-- favicon end -->
+
+  <script type="text/javascript">
+    var _paq = window._paq || [];
+    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+      var u="https://spraakbanken.gu.se/stats/";
+      _paq.push(['setTrackerUrl', u+'matomo.php']);
+      _paq.push(['setSiteId', '5']);
+      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+      g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+    })();
+  </script>
 
 </head>
 <body class="pl-lg-0">
   <script>window.__theme = 'bs4';</script>
   <app-root class="row">
     <span class="preloader">
-        
+
     </span>
   </app-root>
 </body>
