💡 GA4에서 카카오 회원 가입/로그인(소셜 회원가입/로그인)을 추적하는 방법에 대해 알아봅니다.
많은 서비스에서 간편 로그인(소셜 회원가입/로그인)을 통해 회원을 관리합니다. 소셜 회원가입은 복잡한 회원가입을 간소화한다는 점에서 많이들 사용하는 방식이지만, GA4에서 이벤트를 추적할 때 회원가입과 로그인을 구분하기 어렵다는 단점이 있습니다. 특히 쇼핑몰로 많이들 사용하는 카페24나 워드프레스에서 간편 로그인을 적용할 경우, 별도의 회원가입 완료 페이지를 만드는 경우도 드물기 때문에 더욱 구분이 어렵죠.
그래서 이번 포스팅에서는 GTM의 당사 쿠키(First-party cookie)를 사용해서 최초 회원가입과 로그인을 구분하는 방법을 알아 보겠습니다.
0. 들어가며
본 포스팅에서는 GTM 및 GA4 기본 설정은 설명하지 않습니다. 기본 설정이 궁금하신 분은 아래 포스팅을 참고해 주세요.
1. 세팅하기
1) GTM에서 당사 쿠키 (First-party cookie) 설정하기
먼저, GTM – 사용자 정의 변수에서 당사 쿠키를 만듭니다.
| 항목 | 내용 |
|---|---|
| 변수 이름 | login_clicked_cookie |
| 변수 유형 | 당사 쿠키(First-party cookie) |
| 쿠키 이름 | login_clicked |
2) 쿠키를 저장하는 태그 만들기
이후 GTM – 태그에서 맞춤 HTML 태그를 만듭니다.
| 항목 | 내용 |
|---|---|
| 태그 이름 | 카카오 로그인 버튼 쿠키(상황에 맞게 변경) |
| 태그 유형 | 맞춤 HTML |
| 트리거 | 상황에 맞게 변경, 일반적으로는 소셜 로그인 클릭 버튼을 활용 |
<script>
document.cookie = "login_clicked=true; path=/; max-age=31536000; Secure; SameSite=Lax";
console.log("로그인 클릭 시 쿠키 저장됨: login_clicked=true");
</script>이제 이 태그가 실행되면 login_clicked=true 라는 쿠키가 사용자 브라우저에 저장됩니다.
차후 이 쿠키의 여부에 따라 최초 클릭(회원가입)인지, 재클릭(로그인)인지를 구분하게 됩니다.
예시는 가장 많이 사용하는 카카오 로그인으로 들었지만, 상황에 맞게 변경해서 사용하면 됩니다.
트리거의 경우 해당 소셜 로그인의 버튼 클릭을 활용합니다.
3) 회원가입 트리거 만들기
이제 앞에서 구성한 쿠키의 여부를 확인하는 회원가입 트리거를 만들어 보겠습니다.
| 항목 | 내용 |
|---|---|
| 트리거 이름 | 회원가입 트리거 |
| 트리거 유형 | 클릭-모든 요소(사이트 구조에 따라 변경 필요) |
| 트리거 실행 조건 | 1) login_clicked_cookie / 같음 / undefined 2) click URL / 포함 / ~~~ |
이 트리거에서 중요한 부분은
login_clicked_cookie / 같음 / undefined 입니다.
쿠키가 사용자의 브라우저에 없다면 회원가입 트리거를 실행한다는 의미입니다.
로그인의 경우에는 트리거 실행 조건을
login_clicked_cookie / 같음 / true 로 설정하면 됩니다.
4) 회원가입 이벤트 만들기
이후 회원가입 이벤트를 태그에서 만듭니다. (로그인의 경우에는 로그인 트리거 사용)
2. Q&A (유의점 및 질문)
Q1: 당사 쿠키 사용시 유의할 점은 없나요? (개인정보보호법)
A: 개인정보보호법에 따라 당사 쿠키를 사용할 경우 어떤 쿠키를 사용하는지, 목적은 무엇인지 고지해야 합니다.
특히 유럽(GDPR) 적용 대상일 경우 반드시 사전 동의가 필요합니다.
Q2: 쿠키 사용 방식의 한계는 없나요? (캐시 초기화)
A: 이 방식은 완벽하게 소셜 회원가입과 소셜 로그인을 구분하는 것이 아니라, 버튼 클릭의 유무를 쿠키값으로 구분합니다.
사용자가 다른 브라우저에서 접속하거나 브라우저에 따라 쿠키가 삭제되는 경우 회원가입과 로그인을 구분할 수 없게 됩니다.
3. 마무리
이번 포스팅에서는 당사 쿠키를 사용하여 소셜 회원가입과 로그인을 GA4에서 추적하는 방법을 알아보았습니다.
혹시 진행하며 어려운 부분이 있으셨다면 아래 링크를 통해 GA4 관련 컨설팅이나 데이터 분석 실무 지원을 요청하실 수 있습니다.