Ampltide 이벤트 로그 딸깍 하는 방법

개발자들의 귀찮은 단순 반복 작업(노가다)을 획기적으로 줄여줄 amplitude-auto-tracker를 소개합니다!

"로그인_클릭" 이벤트, 아직도 일일이 심고 계신가요?

데이터 분석은 중요하지만, 수십 개의 버튼마다 trackEvent를 심고 이벤트명을 짓는 과정은 고통스럽습니다.( 물론 이제 LLM이 하지만요. 쿼리 생성하는 것도 귀찮잖아요?)이제 amplitude-auto-tracker가 빌드 타임에 대신 해드립니다.

주요 기능

• 자동 이벤트 매핑: 버튼/링크의 텍스트만 보고 login_clicked 같은 영문 이벤트명을 OpenAI가 자동으로 생성합니다. (lib/event-names.json으로 관리)

• 지능형 위치 유추 (Auto Location):data-location을 안 써도 DOM 구조를 분석해 이 버튼이 header에 있는지, footer에 있는지 자동으로 태깅합니다.

• 동적 텍스트 대응: 상태에 따라 "로그인" ↔ "로그아웃"으로 바뀌는 버튼도 클릭 순간의 텍스트를 정확히 포착합니다.

• 제로 런타임 비용: 이벤트명 생성은 빌드 타임에 딱 한 번! 실제 유저 브라우저에서는 가벼운 JSON 조회만 발생합니다.

  

설치 및 사용

• CLI 실행

npx amplitude-auto-tracker

• 앱 시작 시 앰플리튜드 초기화

initAmplitude()

지금 바로 npm 패키지를 확인하고 프로젝트에 적용해 보세요!

데모 사이트: https://amplitude-auto-tracker.vercel.app/