chore: google analytics, tag manager setting (#248)

mbti-nf-team · Nov 26, 2023 · 1c8c5f0 · 1c8c5f0 · vercel · Nov 26, 2023
1 parent 7d86697
commit 1c8c5f0
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 
 import localFont from 'next/font/local';
+import Script from 'next/script';
 
 import Layout from '@/components/common/Layout';
 import Toast from '@/components/common/Toast';
@@ -58,6 +59,28 @@ function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html lang="ko" className={pretendardFont.className}>
       <head>
+        {process.env.NODE_ENV === 'production' && (
+        <>
+          <Script async src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID}`} />
+          <Script id="google-analytics">
+            {`
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID}');
+            `}
+          </Script>
+          <Script id="google-tag-manager">
+            {`
+              (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','${process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID}');
+            `}
+          </Script>
+        </>
+        )}
         <link
           rel="apple-touch-icon"
           href="/apple-touch-icon.png"