package.json

.env.example

@@ -35,6 +35,11 @@ VUE_APP_KEYCLOAK_CLIENTID="entity-web"
 VUE_APP_SENTRY_DSN=
 VUE_APP_SENTRY_TRACE_SAMPLE_RATE="1.0"
 
+#google analytics
+NUXT_GTAG_ID=""
+NUXT_GTAG_DEBUG=""
+NUXT_GTM_ID=""
+
 #vaults hotjar
 VUE_APP_HOTJAR_ID=
 

.github/workflows/ci.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Install dependencies
         uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: true
 
       - name: Linting
@@ -60,7 +60,7 @@ jobs:
       - name: Install dependencies
         uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: true
 
       - name: Run unit tests
@@ -69,6 +69,8 @@ jobs:
   cypress-test:
     needs: setup-job
     runs-on: ubuntu-20.04
+    env:
+      CYPRESS: true
 
     strategy:
       matrix:
@@ -84,7 +86,7 @@ jobs:
       - name: Install dependencies
         uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: true
 
       - name: Set basic env
@@ -116,7 +118,7 @@ jobs:
       - name: Install dependencies
         uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: true
 
       - name: Build check

devops/vaults.env

@@ -35,5 +35,10 @@ VUE_APP_KEYCLOAK_AUTH_URL="op://keycloak/$APP_ENV/base/KEYCLOAK_AUTH_BASE_URL"
 VUE_APP_KEYCLOAK_REALM="op://keycloak/$APP_ENV/base/KEYCLOAK_REALMNAME"
 VUE_APP_KEYCLOAK_CLIENTID="op://keycloak/$APP_ENV/entity-web/UI_KEYCLOAK_RESOURCE_NAME"
 
+#google analytics
+NUXT_GTAG_ID="op://google-analytics/$APP_ENV/developer/GTAG"
+NUXT_GTAG_DEBUG="op://google-analytics/$APP_ENV/developer/GTAG_DEBUG"
+NUXT_GTM_ID="op://google-analytics/$APP_ENV/developer/GTM"
+
 # vaults sentry
 VUE_APP_SENTRY_DSN="op://sentry/$APP_ENV/btr-web/SENTRY_DSN"

nuxt.config.ts

@@ -24,7 +24,17 @@ export default defineNuxtConfig({
   imports: {
     dirs: ['enums', 'interfaces', 'stores']
   },
-  modules: ['@nuxt/ui', '@nuxtjs/i18n', '@pinia/nuxt', '@nuxtjs/tailwindcss'],
+  modules: [
+    '@nuxt/ui',
+    '@nuxtjs/i18n',
+    '@pinia/nuxt',
+    '@nuxtjs/tailwindcss',
+    // Only load GTM and GTag modules if not in test environment
+    ...(process.env.CYPRESS ? [] : [
+      '@zadigetvoltaire/nuxt-gtm',
+      'nuxt-gtag'
+    ])
+  ],
   typescript: {
     tsConfig: {
       compilerOptions: {
@@ -44,6 +54,16 @@ export default defineNuxtConfig({
       { code: 'en', file: 'en.json' }
     ]
   },
+  gtm: {
+    enabled: !!process.env.NUXT_GTM_ID?.trim(),
+    id: process.env.NUXT_GTM_ID?.trim() as string,
+    debug: true,
+    defer: true
+  },
+  gtag: {
+    enabled: !!process.env.NUXT_GTAG_ID?.trim(),
+    id: process.env.NUXT_GTAG_ID?.trim()
+  },
   runtimeConfig: {
     public: {
       // Keys within public, will be also exposed to the client-side

package.json

@@ -2,7 +2,7 @@
   "name": "bcros-business-dashboard",
   "private": true,
   "type": "module",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "scripts": {
     "build": "nuxt generate",
     "build:local": "nuxt build",
@@ -51,10 +51,12 @@
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/tailwindcss": "^6.12.0",
     "@vue/test-utils": "^2.4.6",
+    "@zadigetvoltaire/nuxt-gtm": "^0.0.13",
     "cypress": "^13.10.0",
     "cypress-axe": "^1.5.0",
     "happy-dom": "^14.12.0",
     "jsdom": "^24.1.0",
+    "nuxt-gtag": "3.0.2",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0",
     "vitest-environment-nuxt": "^1.0.0",