React 에서 GA 이벤트

곰튀김·2022년 5월 25일
0

보통 사이트에 GA 이벤트 스크립트를 심으면
사이트 유입, 유입소스, 페이지 이동같은 기본적인것은 알아서 해주는데
React 같은 SPA 사이트에서는 실제 페이지이동이 없으니까 PageView 이벤트는 발생하지 않더라.

그래서 일부러 PageView이벤트를 발생시켜줄 필요가 있다.

export const Analytics = () => {
  const location = useLocation();

  useEffect(() => {
    GA.event('pageview', {
      page: {
        path: location.pathname,
      },
    });
  }, [location]);

  return <></>;
};

useLocation 으로 url 변경을 감지해서 GA로 이벤트를 보내도록 하고

<BrowserRouter>
	<Analytics/>
	<App/>
</BrowserRouter>

처럼 라우터 밑에 하나 넣어주면 된다.

profile
사실주의 프로그래머

1개의 댓글

comment-user-thumbnail
2022년 5월 25일

팬텀 이벤트가 발생하는지 확인해 볼 필요가 있다.

답글 달기