ga -> gtm 으로 이동

echoja · echoja · commit b57b3286f62b · 2025-01-29T21:57:23.000+09:00
diff --git a/.env.example b/.env.example
@@ -1,5 +1,5 @@
-# Google Analytics with nextjs-google-analytics
-NEXT_PUBLIC_GA_MEASUREMENT_ID=G-xxxxxx
+# Google Tag Manager
+NEXT_PUBLIC_GTM_ID=G-xxxxxx
 
 # utterances
 # https://github.com/utterance/utterances
diff --git a/package.json b/package.json
@@ -30,7 +30,6 @@
     "lucide-react": "^0.471.1",
     "next": "15.1.4",
     "next-seo": "^6.6.0",
-    "nextjs-google-analytics": "^2.3.7",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-wrap-balancer": "^1.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -48,15 +48,17 @@ window.CodenButter("boot", { siteId: "otoyyikrrj", auto: true });
           }}
         ></script>
         {/* GTM */}
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+        {process.env.NEXT_PUBLIC_GTM_ID ? (
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-})(window,document,'script','dataLayer','GTM-T4CTRV8V');`,
-          }}
-        ></script>
+})(window,document,'script','dataLayer','${process.env.NEXT_PUBLIC_GTM_ID}');`,
+            }}
+          ></script>
+        ) : null}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -71,14 +73,16 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
         ></script>
       </head>
       <body>
-        <noscript>
-          <iframe
-            src="https://www.googletagmanager.com/ns.html?id=GTM-T4CTRV8V"
-            height="0"
-            width="0"
-            style={{ display: "none", visibility: "hidden" }}
-          ></iframe>
-        </noscript>
+        {process.env.NEXT_PUBLIC_GTM_ID ? (
+          <noscript>
+            <iframe
+              src={`https://www.googletagmanager.com/ns.html?id=${process.env.NEXT_PUBLIC_GTM_ID}`}
+              height="0"
+              width="0"
+              style={{ display: "none", visibility: "hidden" }}
+            ></iframe>
+          </noscript>
+        ) : null}
 
         <Providers>
           <ColorModeClassNameInjector />
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -5,7 +5,6 @@ import { store } from "@modules/color-mode/color-mode";
 import { NextUIProvider } from "@nextui-org/react";
 import { Provider as JotaiProvider } from "jotai";
 import { useRouter } from "next/navigation";
-import { GoogleAnalytics } from "nextjs-google-analytics";
 import { useCallback } from "react";
 
 export function Providers({ children }: { children: React.ReactNode }) {
@@ -20,7 +19,6 @@ export function Providers({ children }: { children: React.ReactNode }) {
 
   return (
     <NextUIProvider navigate={navigate} locale="ko-KR">
-      <GoogleAnalytics trackPageViews />
       <JotaiProvider store={store}>{children}</JotaiProvider>
     </NextUIProvider>
   );
