Only get google tag data from consenting users

safe-global · May 13, 2024 · c357ea6 · c357ea6
1 parent 496b617
commit c357ea6
Showing 1 changed file with 22 additions and 23 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -58,7 +58,11 @@ const GoogleAnalytics: React.FC = () => {
       location.reload()
     }
   }, [isAnalyticsEnabled])
-  return null
+  return isAnalyticsInitialized ? (
+    <GoogleTagManager
+      gtmId={String(process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID)}
+    />
+  ) : null
 }
 
 const App = ({
@@ -68,27 +72,22 @@ const App = ({
   emotionCache = clientSideEmotionCache
 }: AppProps & {
   emotionCache?: EmotionCache
-}): ReactElement => {
-  return (
-    <>
-      <Head>
-        <MetaTags path={router.asPath} />
-      </Head>
-      <GoogleTagManager
-        gtmId={String(process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID)}
-      />
-      <CacheProvider value={emotionCache}>
-        <CssVarsProvider theme={cssVarsTheme}>
-          <CookieBannerContextProvider>
-            <CssBaseline />
-            <GoogleAnalytics />
-            <Component {...pageProps} />
-            <CookieBanner />
-          </CookieBannerContextProvider>
-        </CssVarsProvider>
-      </CacheProvider>
-    </>
-  )
-}
+}): ReactElement => (
+  <>
+    <Head>
+      <MetaTags path={router.asPath} />
+    </Head>
+    <CacheProvider value={emotionCache}>
+      <CssVarsProvider theme={cssVarsTheme}>
+        <CookieBannerContextProvider>
+          <CssBaseline />
+          <GoogleAnalytics />
+          <Component {...pageProps} />
+          <CookieBanner />
+        </CookieBannerContextProvider>
+      </CssVarsProvider>
+    </CacheProvider>
+  </>
+)
 
 export default App