diff --git a/package.json b/package.json
index 26b57108..7584b960 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
"vue": "^2.6.10",
"vue-avatar": "^2.1.8",
"vue-debounce": "^2.6.0",
+ "vue-gtag": "^1.16.1",
"vue-template-compiler": "^2.6.10",
"vue-the-mask": "^0.11.1",
"vuelidate": "^0.7.4",
diff --git a/resources/assets/vue/app.js b/resources/assets/vue/app.js
index 42b0ddb0..8aedb42b 100644
--- a/resources/assets/vue/app.js
+++ b/resources/assets/vue/app.js
@@ -2,6 +2,7 @@
/** Dependencies */
import Vue from 'vue'
import store from './vuex/store';
+import VueGtag from 'vue-gtag'
window.route = require('./general/functions/router');
@@ -43,7 +44,7 @@ Vue.mixin({
route: route
},
mixins: [request, crudHandler]
- });
+});
/** Components Registrations */
Vue.component(Avatar);
@@ -51,6 +52,16 @@ Vue.component(Avatar);
const files = require.context('./', true, /\.vue$/i);
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
+// Google Analytics 4 (GA4) Integration
+Vue.use(VueGtag, {
+ property: {
+ id: 'G-SP04J05142',
+ params: {
+ user_id: store.getters.getUserId
+ }
+ }
+});
+
const app = new Vue({
el: '#app',
store,
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 166d0a64..626ba93b 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -4,16 +4,6 @@
@include('vendor/head')
-
-
-
-
@yield('content')