[Front] GTM을 통한 GA4 적용

문제

기존 쿠맵에서 기본 GA가 적용되어 있었다. 그러나 아무런 이벤트에 대한 트래킹이 이루어지지 않고 있었다.

BEFORE

GA에서 기본으로 제공하는 이벤트만 확인할 수 있었다.

어떤 과목을 담았는지, 어떤 학과를 선택했는지, 어떤 직군을 검색했는지 등의 정보를 확인해야 한다!

그럼 어떻게 자세한 이벤트 정보를 트래킹할 수 있을까??

	const sendClickShareUrl = () => {
		const params = { category: 'Button', label: '링크로 공유' };
		ReactGA.event('share_url', params);
	};

react-ga4 라이브러리를 통해 GA를 적용했다.

아래와 같은 형식으로 이벤트에 내가 입력한 매개변수를 같이 보낼 수 있다.

ReactGA.event('이벤트 이름', '매개변수');

그러나 이는 반쪽짜리 해결이었다.