[feat] GTM 추가

team-yello · Mar 15, 2024 · 27f5fbe · 27f5fbe
1 parent fa98c5d
commit 27f5fbe
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/app/event/university/Booth/page.tsx b/app/event/university/Booth/page.tsx
@@ -5,21 +5,34 @@ import {
  GOOGLE_PLAY_URL,
  LANDING_PAGE_URL,
 } from '@/util/string';
+import { sendGTMEvent } from '@next/third-parties/google';
+import { useSearchParams } from 'next/navigation';
 import React, { useEffect } from 'react';
 import { isAndroid, isIOS } from 'react-device-detect';
 
 export default function Page() {
+ const params = useSearchParams();
+
  useEffect(() => {
  if (typeof window !== 'undefined') {
+ let platform;
  if (isIOS) {
  window.location.replace(APP_STORE_URL);
+ platform = 'iOS';
  } else if (isAndroid) {
  window.location.replace(GOOGLE_PLAY_URL);
+ platform = 'Android';
  } else {
  window.location.replace(LANDING_PAGE_URL);
+ platform = 'others';
  }
+ sendGTMEvent({
+ id: params.get('id'),
+ platform: platform,
+ from: document.referrer,
+ });
  }
- }, []);
+ }, [params]);
 
  return (
  <>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,7 +3,7 @@ import { Metadata } from 'next';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/next';
-import { GoogleAnalytics } from '@next/third-parties/google';
+import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
 
 import '@/styles/globals.css';
 import { StyledComponentsRegistry } from '@/component/Provider/StyledComponentsRegistry';
@@ -29,6 +29,7 @@ export default function RootLayout({
  <Analytics />
  <SpeedInsights />
  <GoogleAnalytics gaId='G-9Z53ZMP9VC' />
+ <GoogleTagManager gtmId='GTM-KCF3MM5S' />
  <ReactQueryClientProvider>
  <ReactQueryDevtools initialIsOpen={false} />
  <StyledComponentsRegistry>