fix(gtag): correct initialization update

dargmuesli · Sep 29, 2024 · 2a5b6b1 · 2a5b6b1
1 parent 7b60fec
commit 2a5b6b1
Showing 1 changed file with 21 additions and 12 deletions.
diff --git a/src/composables/useVioGtag.ts b/src/composables/useVioGtag.ts
@@ -1,5 +1,3 @@
-import { GTAG_COOKIE_ID } from '../utils/constants'
-
 export const useVioGtag = () => {
   const {
     gtag,
@@ -8,31 +6,42 @@ export const useVioGtag = () => {
     enableAnalytics,
   } = useGtag()
   const cookieControl = useCookieControl()
+  const updateConsent = ({ isGranted }: { isGranted: boolean }) => {
+    gtag('consent', 'update', {
+      // // the following are denied per default in the gtag module configuration
+      // ad_user_data: 'denied',
+      // ad_personalization: 'denied',
+      // ad_storage: 'denied',
+      analytics_storage: isGranted ? 'granted' : 'denied',
+    })
+  }
+  const enableGtag = () => {
+    updateConsent({ isGranted: true })
+    initializeGtag()
+    enableAnalytics()
+  }
+  const disableGtag = () => {
+    updateConsent({ isGranted: false })
+    disableAnalytics()
+  }
 
   if (cookieControl.cookiesEnabledIds.value?.includes(GTAG_COOKIE_ID)) {
-    initializeGtag()
+    enableGtag()
   }
 
   watch(cookieControl.cookiesEnabledIds, (current, previous) => {
     if (
       !previous?.includes(GTAG_COOKIE_ID) &&
       current?.includes(GTAG_COOKIE_ID)
     ) {
-      gtag('consent', 'update', {
-        ad_user_data: 'denied',
-        ad_personalization: 'denied',
-        ad_storage: 'denied',
-        analytics_storage: 'granted',
-      })
-      initializeGtag()
-      enableAnalytics()
+      enableGtag()
     }
 
     if (
       previous?.includes(GTAG_COOKIE_ID) &&
       !current?.includes(GTAG_COOKIE_ID)
     ) {
-      disableAnalytics()
+      disableGtag()
     }
   })
 }