Merge pull request #172 from creativecommons/add_hotjar

Add hotjar heatmap tracking

Author: kgodey

package-lock.json

@@ -33,6 +33,7 @@
         "core-js": "^3.6.1",
         "vue": "^2.6.10",
         "vue-analytics": "^5.22.1",
+        "vue-hotjar": "^1.1.2",
         "vue-i18n": "^8.15.3",
         "vuex": "^3.1.2"
     },

package.json

@@ -1,13 +1,15 @@
 import Vue from 'vue'
 import Buefy from 'buefy'
 import i18n from './i18n'
-import VueAnalytics from 'vue-analytics'
 import App from './App.vue'
 import store from './store'
 import './styles/vocab.scss'
 
+// Analytics
 import * as Sentry from '@sentry/browser'
 import * as Integrations from '@sentry/integrations'
+import Hotjar from 'vue-hotjar'
+import VueAnalytics from 'vue-analytics'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCopy } from '@fortawesome/free-solid-svg-icons/faCopy'
@@ -51,6 +53,14 @@ Sentry.init({
     ]
 })
 
+// Production only since we only have a prod id
+if (process.env.NODE_ENV === 'production') {
+    Vue.use(Hotjar, {
+        id: '1803702',
+        isProduction: true
+    })
+}
+
 new Vue({
     store,
     i18n,