마케팅 분석 공통 모듈
화장품 기업 온라인 쇼핑 앱에서 고객의 화면 진입, 상품 탐색, 장바구니, 구매 행동을 같은 방식으로 수집하는 공통 라이브러리를 설계하고 개발했습니다. 쇼핑 분석에서는 상품 조회, 장바구니 담기, 구매로 이어지는 과정과 매출을 이벤트로 측정해, 고객이 어느 단계에서 구매를 멈추는지 봅니다. 이벤트 이름이나 값이 화면마다, 플랫폼마다 조금씩 다르면 마케팅 분석에서 같은 행동이 다른 숫자로 나옵니다. 라이브러리는 이벤트를 만드는 방법을 하나로 정하고, 마케팅 담당자의 분석 기준에 맞춰 이벤트 이름과 값을 정리했습니다. 작업은 수집 구조 설계, 마케팅 분석 도구 연동, 이벤트 규격 조율까지 이어졌습니다.
상품 조회부터 구매까지 같은 방식으로 남기는 고객 행동
화장품 쇼핑 앱에서 고객이 화면에 들어오고, 상품을 조회하고, 검색하고, 장바구니에 담고, 구매하는 행동을 같은 방식으로 수집하는 공통 라이브러리를 만들었습니다. 화면마다 수집 코드를 제각각 쓰면 같은 행동이 다른 이름으로 남습니다. 이벤트가 어느 화면에서 일어나고 어떤 데이터를 함께 보내는지를 정리해, 고객의 구매 여정을 이어서 분석할 수 있게 했습니다.

필수 값과 선택 값을 나눠 조립하는 이벤트
분석 이벤트는 종류마다 꼭 있어야 하는 값과 없어도 되는 값이 다릅니다. 이벤트 객체를 단계적으로 조립하는 방식으로 설계해, 필수 값과 선택 값을 나누고 이벤트별 값 조합을 안전하게 구성하도록 했습니다. 상황마다 다른 이벤트를 만들더라도 같은 틀을 거치게 됩니다.

마케팅 담당자의 분석 기준으로 이어지는 이벤트 전달
쇼핑 앱에서 생긴 이벤트는 태그 관리 도구를 거쳐 마케팅 분석 도구로 전달되도록 연결했습니다. 태그 관리 도구를 사이에 두면 앱의 수집 코드를 다시 배포하지 않고도 어떤 이벤트를 어느 분석 도구로 보낼지 조정할 수 있습니다. 앱 안에서 쓰는 이벤트 이름과 값, 고객 행동의 순서가 마케팅 담당자의 분석 기준과 맞아야 분석 결과를 그대로 쓸 수 있습니다. 실제로 어떤 데이터가 필요한지, 어느 화면에서 어떤 이벤트가 나가야 하는지를 담당자와 확인하며 규격을 맞췄습니다.

두 플랫폼에서 같은 분석 결과가 나오게 맞춘 이벤트 규격
같은 고객 행동이라도 플랫폼마다 이벤트 이름, 값, 호출 시점이 어긋나면 분석 결과가 갈립니다. 다른 플랫폼 앱을 맡은 개발자와 이벤트 규격을 나란히 놓고 비교하며, 이름과 값과 호출 시점을 하나로 조정했습니다.

이 작업의 포인트
화면 진입 · 상품 조회 · 장바구니 · 구매를 한 방식으로 모으는 수집 라이브러리
필수 값과 선택 값을 나눠 조립하는 이벤트 구조
마케팅 담당자 · 다른 플랫폼 개발자와 맞춘 이벤트 규격
인사이트
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



