Rep 240 matomo analytics

components/BusinessPage.vue

@@ -401,27 +401,31 @@ export default {
       this.busy = false
 
       // Track the search.
-      this.$ga.event(
-        'search',
-        'submit_' + this.region,
-        this.category || 'All Categories'
-      )
-
-      this.$ga.event(
-        'search',
-        'location_' + this.region,
-        this.location || 'No location'
-      )
+      window._paq.push([
+        'trackEvent',
+        'search_category' + this.region,
+        'category',
+        this.category || 'All Categories',
+      ])
+      window._paq.push([
+        'trackEvent',
+        'search_location_' + this.region,
+        'location',
+        this.location || 'No location',
+      ])
     },
     select(uid) {
       this.selected = uid
 
       // Track the select.
       const business = this.$store.getters['businesses/get'](uid)
-      const value = [business.name, business.address, business.postcode].join(
-        ', '
-      )
-      this.$ga.event('map', 'select_' + this.region, value)
+      const value = [business.address, business.postcode].join(', ')
+      window._paq.push([
+        'trackEvent',
+        'select_' + this.region,
+        business.name,
+        value,
+      ])
     },
     showMoreInfo() {
       this.waitForRef('moreinfomodal', () => {

layouts/default.vue

@@ -135,6 +135,23 @@ export default {
       return ret
     },
   },
+  mounted() {
+    const _paq = (window._paq = window._paq || [])
+    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+    _paq.push(['trackPageView'])
+    _paq.push(['enableLinkTracking'])
+    ;(function () {
+      const u = 'https://restarters.matomo.cloud/'
+      _paq.push(['setTrackerUrl', u + 'matomo.php'])
+      _paq.push(['setSiteId', '1'])
+      const d = document
+      const g = d.createElement('script')
+      const s = d.getElementsByTagName('script')[0]
+      g.async = true
+      g.src = '//cdn.matomo.cloud/restarters.matomo.cloud/matomo.js'
+      s.parentNode.insertBefore(g, s)
+    })()
+  },
 }
 </script>
 <style>

mixins/global.js

@@ -42,7 +42,7 @@ Vue.mixin({
       }
     },
     trackOutboundLink(url) {
-      this.$ga.event('outbound', 'click_' + this.region, url)
+      window._paq.push(['trackLink', url, 'click_' + this.region])
     },
     buildHead(title, description, image) {
       const meta = [

nuxt.config.js

@@ -47,7 +47,6 @@ export default {
 
   buildModules: [
     '@nuxtjs/eslint-module',
-    '@nuxtjs/google-analytics',
     '@nuxtjs/google-fonts',
   ],
 
@@ -148,16 +147,6 @@ export default {
     },
   },
 
-  googleAnalytics: {
-    id: 'UA-46050944-3',
-
-    // Enable debug in development mode so that we can see what events are tracked.
-    debug: {
-      enabled: process.env.NODE_ENV !== 'production',
-      sendHitTask: true,
-    },
-  },
-
   googleFonts: {
     families: {
       'Patua One': [300, 400, 600],

package.json

@@ -12,7 +12,6 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.12.2",
-    "@nuxtjs/google-analytics": "^2.4.0",
     "@nuxtjs/google-fonts": "^1.2.0",
     "@nuxtjs/pwa": "^3.0.2",
     "axios": "^0.21.1",