Setup Google Analytics

lwitkowski · Jul 31, 2024 · c31859c · c31859c
1 parent 6d32391
commit c31859c
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 11 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -7,6 +7,7 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "@gtm-support/vue-gtm": "^3.0.1",
     "axios": "^1.7.2",
     "chartist-plugin-tooltips-updated": "^0.1.4",
     "core-js": "^3.37.1",

diff --git a/frontend/src/main.js b/frontend/src/main.js
@@ -3,22 +3,28 @@ import ToastService from 'primevue/toastservice';
 import PrimeVue from 'primevue/config';
 import App from './App.vue';
 import router from './router';
+import { createGtm } from '@gtm-support/vue-gtm';
 
 import 'primeicons/primeicons.css';
 
 import { createApp, h } from 'vue'
 
-const app = createApp({
+createApp({
   render: () => h(App)
-});
+})
+  .component('v-select', vSelect)
 
-app.component('v-select', vSelect);
-app.use(router);
-app.use(require('vue-chartist'), {
-  messageNoData: 'Not enough data for display',
-});
+  .use(router)
+  .use(require('vue-chartist'), {
+    messageNoData: 'Not enough data for display',
+  })
+  .use(PrimeVue)
+  .use(ToastService)
+  .use(
+    createGtm({
+      id: "G-RWT46PCQ0S",
+      vueRouter: router
+    })
+  )
 
-app.use(PrimeVue);
-app.use(ToastService);
-
-app.mount('#app');
+  .mount('#app');