Add google tag manager (#464)

safe-global · May 7, 2024 · 7744125 · 7744125
1 parent 35d9f82
commit 7744125
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.12",
     "@mui/material": "^5.15.12",
+    "@next/third-parties": "^14.2.3",
     "@svgr/webpack": "^8.1.0",
     "fuse.js": "^7.0.0",
     "lodash": "^4.17.21",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -10,6 +10,7 @@ import type { AppProps } from 'next/app'
 import { useEffect, type ReactElement } from 'react'
 import Head from 'next/head'
 import ReactGA from 'react-ga4'
+import { GoogleTagManager } from '@next/third-parties/google'
 
 import MetaTags from '../components/MetaTags'
 import { CookieBanner } from '../components/CookieBanner'
@@ -73,6 +74,9 @@ const App = ({
       <Head>
         <MetaTags path={router.asPath} />
       </Head>
+      <GoogleTagManager
+        gtmId={String(process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID)}
+      />
       <CacheProvider value={emotionCache}>
         <CssVarsProvider theme={cssVarsTheme}>
           <CookieBannerContextProvider>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml