사이트 방문이나 클릭 이벤트를 실시간으로 집계하는 기능은 생각보다 비용이 많이 나옵니다
API 호출, DB 업데이트, 로그 쿼리… 1인 개발 MVP SaaS 입장에서는 인프라 부담이 점점 커질 수밖에 없죠.
그런데 이 비용을 근본적으로 줄일 수 있는 방법이 있습니다.
바로 Tracking Pixel입니다. (https://en.wikipedia.org/wiki/Spy_pixel)
원래는 이메일 마케팅에서 “누가 메일을 열었는지 추적” 하기 위해 만들어진 기술이에요.
메일 본문에 보이지 않는 1×1 이미지를 심어두면, 사용자가 메일을 열었을 때 자동으로 다운로드가 되면서 서버에 기록이 남게되어 “열람 여부”를 알 수 있었죠.
이 방식을 웹에서도 응용할 수 있습니다!
특정 엘리먼트에 보이지 않는 유니크 이미지를 넣으면,
페이지가 열릴 때나 클릭 시점마다 자동으로 이미지가 다운로드되면서 로그가 남습니다.
그리고 S3나 Cloudflare R2 같은 저장소의 Analytics API만 조회하면,
“이 이미지가 몇 번 호출되었는지” → 곧 “해당 엘리먼트가 몇 번 노출·클릭되었는지”를 쉽게 알 수 있죠.
이 방식으로 DB도 API 서버도 필요 없는 초저비용 실시간 카운팅 시스템을 만들 수 있습니다.
