fix: GA pageview element 제거 작업

Author: Soohyuniii

src/App.tsx

@@ -26,36 +26,36 @@ const PageTracker = () => {
   const { pathname, state } = location;
 
   const trackedPaths = [
-    { path: "/", page: "홈", element: "" },
-    { path: "/login", page: "로그인/회원가입", element: "로그인" },
-    { path: "/contents", page: "일반콘텐츠", element: "" },
-    { path: "/my-info", page: "내 정보", element: "" },
-    { path: "/chat", page: "채팅방", element: "" },
-    { path: "/select-info", page: "빠른 대화 설정", element: "" },
-    { path: "/select-info", page: "친구 저장", element: "대화 시작하기" }
+    { path: "/", page: "홈" },
+    { path: "/login", page: "로그인/회원가입" },
+    { path: "/contents", page: "일반콘텐츠" },
+    { path: "/my-info", page: "내 정보" },
+    { path: "/chat", page: "채팅방" },
+    { path: "/select-info", page: "빠른 대화 설정" },
+    { path: "/select-info", page: "친구 저장" }
   ];
 
   useEffect(() => {
     const trackedContentPaths = ["/contents/1", "/contents/2"];
 
-    trackedPaths.forEach(({ path, page, element }) => {
+    trackedPaths.forEach(({ path, page }) => {
       // 콘텐츠 상세 페이지 (일반 콘텐츠만 추적)
       if (trackedContentPaths.includes(pathname)) {
         if (path === "/contents") {
-          trackPageView(path, { page, element });
+          trackPageView(path, page);
         }
       }
       // select-info 페이지에서 state로 분기
       else if (pathname === "/select-info" && path === pathname) {
         if (state === "fastFriend" && page === "빠른 대화 설정") {
-          trackPageView(path, { page, element });
+          trackPageView(path, page);
         } else if (state === "virtualFriend" && page === "친구 저장") {
-          trackPageView(path, { page, element });
+          trackPageView(path, page);
         }
       }
       // 나머지 일반 path
       else if (pathname === path && path !== "/select-info") {
-        trackPageView(path, { page, element });
+        trackPageView(path, page);
       }
     });
   }, [location.pathname, location.state]);
@@ -84,7 +84,7 @@ const App = () => {
           <Route path="/login" element={<Login />} />
           <Route path="/my-info" element={<MyInfo />} />
           <Route path="/kakao-login" element={<KaKaoLogin />} />
-          <Route path="/mbti-test" element={<MbtiTestIntro />} />     
+          <Route path="/mbti-test" element={<MbtiTestIntro />} />
           <Route path="/mbti-test-progress" element={<MbtiTestQuestions />} />
           <Route path="/mbti-test-result" element={<MbtiTestResult />} />
         </Routes>

src/libs/analytics.ts

@@ -5,27 +5,22 @@ const GA_MEASUREMENT_ID = import.meta.env.VITE_GA_MEASUREMENT_ID || "";
 const isProduction = import.meta.env.MODE === "production";
 
 export const initGA = () => {
-  console.log("isProduction", isProduction);
-  console.log("ID", GA_MEASUREMENT_ID);
   if (isProduction && GA_MEASUREMENT_ID) {
-    console.log("initGA");
     ReactGA.initialize(GA_MEASUREMENT_ID);
   }
 };
 
-export const trackPageView = (url: string, params?: Record<string, string>) => {
+export const trackPageView = (url: string, page: string) => {
   if (isProduction && GA_MEASUREMENT_ID) {
-    console.log("trackPageView");
     ReactGA.gtag("event", "page_view", {
       page_path: url,
-      ...params
+      page: page
     });
   }
 };
 
 export const trackEvent = (name: string, params?: Record<string, string>) => {
   if (isProduction && GA_MEASUREMENT_ID) {
-    console.log("trackEvent");
     ReactGA.event(name, params);
   }
 };