ReactGA를 사용한 사용자 분석 및 추후 개선 사항 (Will BE 프로젝트)

ReactGA

리액트 앱에 Google Analytics를 쉽게 연동하고 각종 이벤트를 등록하기 위해 선택한 라이브러리입니다.

ReactGA 연동

1. GA에 접속하여 계정을 생성합니다.
2. env파일에 GA Tracking ID를 넣어둡니다.
3. Route전체를 감쌀 최상단 Route를 만들고 useEffect내부에서 localhost가 아닐때만 ReactGA.initialize(trackingID)를 해줍니다.
   📌 ReactGA의 pageview, event를 이용해 원하는것은 추가 등록 해줍니다.

  useEffect(() => {
    if (!window.location.href.includes("localhost")) {
      ReactGA.initialize(process.env.REACT_APP_GOOGLE_ANALYTICS_TRACKING_ID);
      setInitialized(true);
    }
  }, []);

사용자 분석

Google Analytics를 연동하고 3일간 유저 테스트를 받아본 결과 157명의 유저 유입이 있었고, 총 69개의 면접 영상이 올라왔고 공개 피드백은 5개, 나만보기 피드백은 64개 였습니다.

이벤트 분석

프로젝트를 기획하며 유저의 호기심과 반응을 이끌기 위한 기능으로 오늘의 추천 면접 질문, 주간 면접왕, 영상의 하이라이트를 뽑는 기능들을 만들었는데 해당 기능들 모두 Top10 이벤트 안에 들어있는것을 확인할 수 있었습니다.

추후 개선 사항

중요 이벤트들을 추적해본 결과 인터뷰 녹화를 끝낸 사람은 많지만 해당 영상을 저장하는 횟수는 현저히 낮은것으로 파악되었습니다.

해당 문제를 유저의 입장에서 생각해본 결과 피드백은 받고 싶을 수 있지만 썸네일부터 얼굴이 보여진다는 점이 부담이 될 것으로 예측되었고, 이러한 이유로 추후 썸네일은 원하는 사진으로 변경이 가능하도록 만들 예정입니다.