feat: Google tag manager 연동 작업

YAPP-Github · Jul 3, 2023 · 3e95ddd · 3e95ddd
1 parent 2cfc8da
commit 3e95ddd
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import '@/styles/globals.css';
 import localFont from 'next/font/local';
+import Script from 'next/script';
 import { OverlayProvider, QueryProvider } from '@/providers';
 
 const pretendardFont = localFont({
@@ -20,7 +21,26 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         async
       />
       <link rel="preload" type="image/svg+xml" as="image" href="/sprite.svg" />
+      <Script
+        id="gtm-script"
+        strategy="afterInteractive"
+        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','${process.env.NEXT_PUBLIC_GTM_ID}');`,
+        }}
+      />
       <body>
+        <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' }}
+          />
+        </noscript>
         <QueryProvider>
           <OverlayProvider>{children}</OverlayProvider>
         </QueryProvider>