feat: add vue-gtm for ga4

YunLeFun · Nov 16, 2022 · c8a239f · c8a239f
1 parent 73de896
commit c8a239f
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.30.1",
+    "@gtm-support/vue-gtm": "^1.6.0",
     "@iconify-json/carbon": "^1.1.10",
     "@iconify-json/mdi": "^1.1.34",
     "@iconify-json/ri": "^1.1.3",

diff --git a/plugins/gtm.ts b/plugins/gtm.ts
@@ -0,0 +1,12 @@
+import { createGtm } from '@gtm-support/vue-gtm'
+
+const gtmId = 'GTM-MX9N9X2'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // add google tag manager, and add GA4 in gtag
+  const gtm = createGtm({
+    id: gtmId,
+    // debug: import.meta.env.DEV,
+  })
+  nuxtApp.vueApp.use(gtm)
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml