Merge pull request #289 from Soohyuniii/feat--오픈채팅-관련-기능-GA-추가

Feat  오픈채팅 관련 기능 ga 추가

Author: Soohyuniii

src/App.tsx

@@ -55,10 +55,20 @@ const PageTracker = () => {
       }
       // select-info 페이지에서 state로 분기
       else if (pathname === "/select-info" && path === pathname) {
-        if (state === "fastFriend" && page === "빠른 대화 설정") {
-          trackPageView(path, page);
-        } else if (state === "virtualFriend" && page === "친구 저장") {
-          trackPageView(path, page);
+        if (state.type === "fastFriend") {
+          trackPageView(path, "빠른 대화 설정");
+        } else if (state.type === "virtualFriend") {
+          trackPageView(path, "친구 저장");
+        } else if (state.type === "topicChat") {
+          trackPageView(path, "오픈채팅 - 내 정보 입력");
+        }
+      }
+      // chat 페이지에서 state로 분기
+      else if (pathname === "/chat" && path === pathname) {
+        if (state.mode === "topicChat") {
+          trackPageView(path, "오픈채팅방");
+        } else {
+          trackPageView(path, "채팅방");
         }
       }
       // 나머지 일반 path

src/components/Profile.tsx

@@ -49,7 +49,7 @@ const Profile = ({
         }
       });
     } else if (mode === "topic" && topicData) {
-      trackClickEvent("홈", "주제별 대화방"); //FIXME: 기획 내용 정해지면 수정
+      trackClickEvent("홈", "오픈채팅 입장하기");
       navigate("/select-info", {
         state: {
           type: "topicChat",

src/pages/SelectInfo.tsx

@@ -6,7 +6,7 @@ import Header from "@/components/header/Header";
 import { getMBTIgroup, mapAgeToNumber } from "@/utils/helpers";
 import { authInstance } from "@/api/axios";
 import ToastMessage from "@/components/ToastMessage";
-import { trackEvent } from "@/libs/analytics";
+import trackClickEvent from "@/utils/trackClickEvent";
 
 type FastFriendResponse = {
   header: {
@@ -153,14 +153,12 @@ const SelectInfo = () => {
         return showToast("이름을 입력해주세요");
       }
       // topicChat은 바로 채팅으로 이동
-      trackEvent("Click", {
-        page: "내 정보입력",
-        element: "대화 시작하기"
-      });
+      trackClickEvent("오픈채팅 - 내 정보 입력", "대화 시작하기");
       navigate("/chat", {
+        // FIXME: 추후 수정 필요 (오픈 채팅 기능)
         state: {
           mbti: "ENFP", // 기본 MBTI 또는 선택된 MBTI
-          mode: "fastFriend",
+          mode: "topicChat",
           id: Date.now().toString(),
           name,
           chatTitle,
@@ -211,16 +209,10 @@ const SelectInfo = () => {
       const responseData = response.data.data;
 
       if (isVirtualFriend && isVirtualFriendResponse(responseData)) {
-        trackEvent("Click", {
-          page: "친구 저장",
-          element: "친구 저장하기"
-        });
+        trackClickEvent("친구 저장", "친구 저장하기");
         navigate("/");
       } else if (isFastFriend && typeof responseData === "number") {
-        trackEvent("Click", {
-          page: "빠른 대화 설정",
-          element: "대화 시작하기"
-        });
+        trackClickEvent("빠른 대화 설정", "대화 시작하기");
         navigate("/chat", {
           state: {
             mbti,