Merge pull request #1739 from laws-africa/matomo

track pageviews for search; matomo site language

peachjam/js/components/FindDocuments/index.vue

@@ -226,6 +226,7 @@ import AdvancedSearch from './AdvancedSearch.vue';
 import HelpBtn from '../HelpBtn.vue';
 import { scrollToElement } from '../../utils/function';
 import FacetBadges from './FacetBadges.vue';
+import analytics from '../analytics';
 
 function resetAdvancedFields (fields) {
   const advanced = ['all', 'title', 'judges', 'case_summary', 'flynote', 'content'];
@@ -636,6 +637,7 @@ export default {
               '',
               document.location.pathname + '?' + this.serialiseState()
             );
+            analytics.trackPageView();
           }
           const response = await fetch(url);
 

peachjam/js/components/analytics.ts

@@ -0,0 +1,27 @@
+/**
+ * Helper class to do common analytics tracking across both GA and Matomo.
+ */
+export class Analytics {
+  isGAEnabled: boolean;
+  isMatomoEnabled: boolean;
+  gtag: any;
+  paq: any[];
+
+  constructor () {
+    this.isGAEnabled = 'gtag' in window;
+    this.isMatomoEnabled = '_paq' in window;
+
+    // @ts-ignore
+    this.gtag = this.isGAEnabled ? window.gtag : () => {};
+    // @ts-ignore
+    this.paq = this.isMatomoEnabled ? window._paq : [];
+  }
+
+  trackPageView () {
+    this.paq.push(['trackPageView']);
+    this.gtag('event', 'page_view');
+  }
+}
+
+const analytics = new Analytics();
+export default analytics;

peachjam/templates/peachjam/layouts/main.html

@@ -39,6 +39,7 @@
         var _paq = window._paq = window._paq || [];
         _paq.push(["setDoNotTrack", true]);
         _paq.push(["disableCookies"]);
+        _paq.push(['setCustomDimension', 1, '{{ CURRENT_LANGUAGE }}']);
         _paq.push(["trackPageView"]);
         _paq.push(["enableLinkTracking"]);
         (function() {