[Google Analytics4] gtag로 이벤트 태깅하기

안녕하세요~

지난 글에서 ga4 이벤트의 종류와 어떤 구조로 생겼는지에 대해서 알아보았는데요

 

이번 글에서는 ga4에서 태깅할 때 사용하는 gtag라는 것으로 데이터를 수집해보려고해요

ga4에서 이벤트의 구조는 '이벤트 이름' 과 '매개변수'로 구성이 되는거 다들 기억하시죠?

그 구조의 데이터를 어떤식으로 구글애널리틱스에 전송할 수 있을까를 한번 알아보려고해요.

 

자바스크립트(JavaScript) 라는 것이 생소하신 분들도 많을 거라고 생각해요!

그래서 이게 자바스크립트라고 생각하지마시고 구조를 이해하시는데에 초점을 맞추셨으면 해요!

이제 봐볼게요~

gtag('event', '이벤트 이름', {
    '이벤트 매개변수 키1': '이벤트 매개변수 값1',
    '이벤트 매개변수 키2': '이벤트 매개변수 값2',
});

 

위에처럼 생긴 코드로 ga4에 데이터를 수집하는데요

위 코드로 수집하는 방식을 "gtag를 이용해서 수집한다" 라고 해요!

물론 실제 데이터를 수집하게 될 때는 gtag 보다는 google tagmanager에서 활용하기 위한 dataLayer라는 것을 사용하게 되겠지만 그 전에 어떤 형식으로 데이터를 수집 하는지 알기에는 gtag가 좋기 때문에, 한번은 짚고 넘어가려고해요!

 

하나씩 살펴볼게요

 

gtag 구조

위 사진처럼 크게 3가지로 나누어 봤어요.

1번부터 같이 봐볼까요?

눈썰미가 좋으신 분들은 어디서 많이 봤다고 생각하실 수도 있어요!

지난번에 Google 태그 설치할 때 비슷한거 본적 있지 않나요?

그때는 gtag('config', ...) 였죠~

 

1번자리는 해당 스크립트가 구성 설정을 하는 것인지, 이벤트에 대한 정보를 가지고 있는지 적는 자리에요!

Google 태그를 설치할 때는 구성에 대한 설정을 하는 것이였기 때문에 'config' 였던 것이죠.

이번에 우리는 이벤트 태깅을 진행하는 것이니까 'event' 라고 적을 거구요!

1번자리가 무슨 자리인지 이제 아시겠죠?

 

2번으로 넘어가볼게요.

2번자리는 이벤트태깅을 할 때 우리가 무슨 이벤트를 발생시킬 것인지 이벤트의 이름을 적는 칸 이라고 생각하시면 돼요.

물건을 구매했을 때 발생하는 이벤트라면 'purchase'를, 로그인을 했다면 'login' 을 적게되겠죠?

이벤트의 이름은 지난 "이벤트의 이해" 편에서 설명을 드렸으니까 생략하고 넘어가도록 할게요!

 

이제 3번자리에요!

3번자리는 내가 수집할 이벤트의 매개변수 값들이 들어가는 자리에요.

이렇게만 들어서는 뭔가 잘 이해가 안되죠~

그래서 지난 글에 이어서 "login"을 예시로 설명해볼게요.

우리 사이트에 로그인을 했을 때 로그인을 했다 뿐이 아니라 어떤 플랫폼(ex. 카카오, 네이버 등)으로 로그인을 많이 하였는지에 대해 알고싶다까지 알고싶다 라고 가정을 할게요.

그때 그냥 login만 수집을 한다면 알 수가 없겠죠?

그럴 때 사용하는게 매개변수 라는 것이에요.

그래서 어떤 플랫폼으로 로그인을 했는지 알기 위해  저희는 "매개변수 키"에 "method" 를, "이벤트 매개변수 값"에 "네이버" 혹은 "카카오" 를 넣어주게 되는거죠.

gtag('event', 'login', {
    'method': '네이버 or 카카오',
});

 

gtag 스크립트가 이런식으로 변하겠죠?

그럼 해당 스크립트가 잘 작동하는지 봐볼게요!

지난 번에 구성태그를 넣었던 테스트 페이지에 넣어볼게요!

근데 지금 넣어놓은 상태로 페이지를 열게되면 페이지가 열릴 때마다 "login" 이벤트가 발생하게 될거에요.

이 부분은 제가 지금 로그인 창을 직접 구현해놓은게 없다보니 ㅜㅜ  한 사용자가 네이버 로그인을 했다고 가정해볼게요.

 

실제 실무에서 사용하게 될 때는 로그인이 되는 타이밍에 저 스크립트를 발생시키면 되는거에요!! ㅎㅎ

한번 이벤트를 발생시켜볼게요!

 

 

해당 코드를 사용하여 login이 잘 수집된 것을 확인할 수 있죠?

매개변수를 활용하여 내가 수집하는 데이터를 더 다채롭고 풍부하게 만들 수 있답니다!!

 

궁금한 점 있으시면 댓글로 편하게 알려주세요~

담에 뵙겠습니다~~~