fix: send initial page view manually (closes #11)

johannschopplich · Apr 18, 2023 · da5692d · da5692d
1 parent 7462975
commit da5692d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/runtime/composables/useGtagConsent.ts b/src/runtime/composables/useGtagConsent.ts
@@ -1,4 +1,5 @@
-import { useHead, useRuntimeConfig } from '#imports'
+import { gtag } from '../gtag'
+import { useHead, useRoute, useRuntimeConfig } from '#imports'
 
 export function useGtagConsent(hasConsent: boolean) {
   const { gtag: { id } } = useRuntimeConfig().public
@@ -16,6 +17,13 @@ export function useGtagConsent(hasConsent: boolean) {
       useHead({
         script: [{ src: `https://www.googletagmanager.com/gtag/js?id=${id}` }],
       })
+
+      // Send initial `page_view` event
+      gtag('event', 'page_view', {
+        page_location: window.location.href,
+        page_path: useRoute().path,
+        page_title: document.title,
+      })
     }
     else {
       // Re-enable Google Analytics

diff --git a/src/runtime/plugin.client.ts b/src/runtime/plugin.client.ts
@@ -1,5 +1,5 @@
 import { gtag } from './gtag'
-import { defineNuxtPlugin, useHead, useRuntimeConfig } from '#imports'
+import { defineNuxtPlugin, useHead, useRoute, useRuntimeConfig } from '#imports'
 
 export default defineNuxtPlugin(() => {
   const {
@@ -29,4 +29,11 @@ export default defineNuxtPlugin(() => {
       },
     ],
   })
+
+  // Send initial `page_view` event
+  gtag('event', 'page_view', {
+    page_location: window.location.href,
+    page_path: useRoute().path,
+    page_title: document.title,
+  })
 })