Updated tracking

Author: mugetsu

components/Drawer/index.vue

@@ -25,7 +25,7 @@ export default {
       this.items[this.activeItem].deactivate()
       this.items[newIndex].activate()
       this.activeItem = newIndex
-      this.$ga.event({
+      this.$gtm.push({
         eventCategory: 'drawer',
         eventAction: 'change',
         eventLabel: 'drawer change',

nuxt.config.js

@@ -48,7 +48,7 @@ module.exports = {
   modules: [
     '@nuxtjs/axios',
     '@nuxtjs/pwa',
-    '@nuxtjs/google-analytics'
+    '@nuxtjs/gtm'
   ],
 
   /*
@@ -72,10 +72,13 @@ module.exports = {
   },
 
   /*
-  ** GA configuration
+  ** GTM configuration
   */
-  googleAnalytics: {
-    id: process.env.GA
+  gtm: {
+    dev: false,
+    id: process.env.GA,
+    pageTracking: true,
+    scriptURL: 'https://www.googletagmanager.com/gtag/js'
   },
 
   /*

package-lock.json

@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.9.5",
+    "@nuxtjs/gtm": "^2.2.2",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
     "animated-number-vue": "^1.0.0",
     "babel-runtime": "^6.26.0",
@@ -31,7 +32,6 @@
   "devDependencies": {
     "@babel/core": "^7.8.4",
     "@babel/preset-env": "^7.8.4",
-    "@nuxtjs/google-analytics": "^2.2.3",
     "@vue/test-utils": "^1.0.0-beta.31",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^25.1.0",

package.json

@@ -93,13 +93,6 @@ export default {
         this.isClosed = !this.isClosed
       }, 800)
     }
-  },
-  mounted() {
-    this.$ga.page({
-      page: '/',
-      title: 'Home page',
-      location: window.location.href
-    })
   }
 }
 </script>