🔗 UTM 유입추적 사용법 — 어떤 게시물이 가입까지 이어지는지 보는 법

1. 앞으로 링크를 어떻게 만들면 되는지

인스타 게시물 캡션이나 프로필 링크, 고정 댓글 등에 ducksajutarot.com을 그냥 쓰는 대신, 뒤에 꼬리표(?utm_source=...)를 붙인 링크를 쓰면 된다. 사용자가 그 링크를 눌러 사이트에 들어오면 앱이 자동으로 그 꼬리표를 기억해뒀다가, 가입하는 순간 그 값을 서버로 같이 보낸다. 딱 이것만 하면 되고, 코드나 설정을 추가로 건드릴 필요는 없다.

2. 이름 붙이는 규칙(utm_source/medium/campaign/content)

UTM은 4개의 이름표로 구성된다. 아래 규칙대로 채우면 나중에 관리자 페이지에서 봤을 때 뭐가 뭔지 바로 알아볼 수 있다.

3. 지금 바로 쓸 수 있는 링크 예시

4. 결과를 어디서 확인하는지

관리자 페이지(/admin) → 회원 탭을 열면 이제 목록 위에 "유입 출처(utm_source)별 가입자 수" 요약 박스가 뜬다. 전체 가입자 중 몇 명이 인스타에서, 몇 명이 직접 방문(기록 없음)으로 들어왔는지 바로 보인다. 각 회원 카드에도 어떤 게시물(utm_campaign)에서 왔는지 작은 배지로 표시된다.

5. 이걸로 안 되는 것 — 페이지뷰 단위 분석(선택 사항)

지금 구현한 건 "가입까지 실제로 이어진 사람"만 센다. "게시물을 보고 사이트에 들어왔지만 가입은 안 하고 나간 사람"까지 보려면(예: "인스타에서 몇 명 유입됐는데 그중 몇 %가 가입했는지" 전환율 자체를 보려면) 사이트를 방문한 모든 사람을 세는 페이지뷰 단위 분석 도구가 따로 필요하다. 이건 UTM 저장과 별개로 두 가지 선택지가 있다.

6. 내부적으로 어떻게 동작하는지(참고용)

1. 사용자가 ?utm_source=... 가 붙은 링크를 눌러 사이트 접속
2. 앱이 그 값을 브라우저에 기억(퍼스트터치 — 이미 기억해둔 게 있으면 안 덮어씀)
3. 사용자가 회원가입(이메일 또는 카카오)
4. 기억해둔 utm 값을 가입 요청에 실어 서버로 전송
   - 카카오 로그인은 카카오 인증 서버를 한 번 거쳐 돌아오므로,
     이 왕복 사이에도 값이 안 끊기도록 임시로 안전하게 실어 보냄
5. 서버가 회원 DB(users 테이블)에 그 값을 가입 시점 그대로 저장(이후 절대 안 바뀜)
6. 관리자 페이지 "회원" 탭 · 엑셀 다운로드에서 조회 가능