[GA4] 추천 이벤트를 활용한 유저레벨 데이터 수집하기

 

추천 이벤트 활용한 유저레벨 데이터 수집하기

GA4에서 이벤트 중 추천이벤트에 대해 알아보고 추천이벤트를 활용하여 유저레벨 데이터를 어떻게 수집하고 분석하는지 알아보도록 하겠습니다. GA4에 정의된 추천이벤트 중 일부는 앱에만 해당하는 이벤트명이므로 구글에서 제공하는 가이드에 맞춰 해당 이벤트를 적용하는 것을 권장합니다.

 

들어가며

사용자별로 구글 애널리틱스에 전송하여 분석할 유저레벨 이벤트는 각 비즈니스 사례에 따라 적용할 이벤트가 다르기 때문에 이 경우에는 GA4에서 자동수집이벤트를 제공하지 않습니다. 따라서 별도의 이벤트 태깅을 통해 해당 유저레벨 데이터를 수집하여야 하는데 특정 케이스에 대해서는 사전 정의된 이름의 이벤트를 사용할 것을 권장한다고 합니다.

 

추천이벤트

이벤트	트리거 시점
ad_impression	사용자가 노출된 광고를 볼때, 앱만 해당
earn_virtual_currency	사용자가 가상 화폐를 획득할때
join_group	사용자가 그룹에 가입하여 각 그룹의 선호도를 측정할 때
login	사용자 로그인 시
purchase	사용자 구매완료시
refund	사용자 환불시
search	사용자가 컨텐츠 검색시
select_content	사용자가 컨텐츠 선택시
share	사용자가 컨텐츠 공유시
sign_up	사용자가 가입 시
spend_virtual_currency	사용자가 가상 화폐를 사용할 때
tutorial_begin	사용자가 튜토리얼을 시작할 때
tutorial_complete	사용자가 튜토리얼을 완료할 때

출처: GA4 추천이벤트 - 애널리틱스 고객센터

전자상거래 이벤트 데이터

GA4 전자상거래 이벤트 명이 Universal Analytics에서 바뀐 부분이 있습니다. 구글 가이드에 맞게 이관하면 됩니다. 기존에 구글태그매니저용으로 구현된 데이터레이어(DataLayer)가 있는 경우 GA4 태그를 새로 생성하고 수집되는 이벤트명을 변경하여도 됩니다.

[GA4] GTM 서버사이드태깅 - GA4 전자상거래 태그 적용

 

데모웹 개발

GTM 구현

태그가 실행되도록 트리거를 잡는 방법은 여러가지가 있습니다. 이번 테스트에서는 Data Layer에 이벤트명을 추가하도록 구현한 다음 해당 이벤트명을 트리거에서 읽도록 태그를 생성하였습니다.

pug 스크립트 코드 추가 - Frontend

block append-script
    script.
        $(() => {

            $('#btnShareIg').on('click', (e) => {
                e.preventDefault();
                
                dataLayer.push({
                    event: 'btnShareIg'
                });
            });

            $('#btnShareFb').on('click', (e) => {
                e.preventDefault();
                
                dataLayer.push({
                    event: 'btnShareFb'
                });
            });

            $('#btnShareLn').on('click', (e) => {
                e.preventDefault();
                
                dataLayer.push({
                    event: 'btnShareLn'
                });
            });

            $('#btnSelectContent').on('click', (e) => {
                e.preventDefault();
                dataLayer.push({
                    event: 'select_content'
                });
            });
        });

예시용으로 각각 이벤트 명을 생성하도록 코드를 작성하였습니다. 코드를 공통화하여 이벤트 명과 부가정보를 dataLayer로 묶어도 됩니다.

dataLayer.push({ event: 'share', snsName: 'Instagram' });

 

태그 추가

태그 추가

트리거 추가

트리거 추가

미리보기(Preview)

GTM 클라이언트

인스타그램 공유하기 버튼 클릭 시 'share'라는 추천이벤트명으로 데이터가 이벤트매개변수(method: "Instagram")과 함께 전송되었습니다.

GTM 클라이언트 미리보기

 

GTM 서버

태깅으로도 정상적으로 값이 연동된 것을 아래와 같이 확인할 수 있습니다.

GTM 서버 미리보기

GA 리얼타임 리포트 확인

GA4 실시간 리포트

아래 그림과 같이 share 이벤트 밑에 method 매개변수가 함께 들어온 것을 볼 수 있습니다.

이벤트 매개변수

매개변수 값

디버그 뷰 확인

디버그 뷰

 

참고자료

[GA4] 추천 이벤트 - 애널리틱스 고객센터