Work · 운영 중

UTM Builder

캠페인 이름을 일관된 규칙으로 정리하고, 추적 URL을 만들고 다시 찾을 수 있도록 설계한 공개 도구.

  • Marketing Ops
  • Analytics
  • Web Tool
기간
2026.08 — 현재
역할
제품 기획, UX 설계, 디자인, 개발
구성
개인 프로젝트

한눈에 보기

UTM Builder는 캠페인마다 달라지기 쉬운 UTM 이름을 하나의 규칙으로 정리하고, 완성된 추적 URL을 바로 복사하거나 브라우저에 보관할 수 있는 공개 도구입니다.

회원가입 없이 사용할 수 있으며, 입력한 목적 URL과 UTM 값은 서버에 저장하거나 분석 도구로 전송하지 않습니다.

문제

같은 채널도 작업자와 캠페인에 따라 instagram, insta, Instagram처럼 다르게 입력되기 쉽습니다. 이렇게 쌓인 값은 GA4에서 서로 다른 유입으로 집계되어, 나중에 캠페인 성과를 비교하거나 과거 명명 기준을 다시 찾기 어렵게 만듭니다.

일반적인 URL Builder는 링크 생성에는 충분하지만, 자주 쓰는 채널 조합과 과거 링크를 일관된 방식으로 다시 사용하는 흐름은 부족했습니다.

접근

  • 요청한 다섯 가지 기본 UTM 필드에 집중
  • 모든 값을 영문 소문자 snake_case로 정규화해 미리보기 제공
  • 목적 URL에 있던 쿼리 파라미터와 #fragment 보존
  • LinkedIn, Instagram, 카카오, 뉴스레터와 Google 검색 광고 템플릿 제공
  • 전체 URL 또는 UTM 파라미터만 한 번에 복사
  • 브라우저 로컬 저장소에 최근 링크를 보관하고 검색·복사·재사용·삭제
  • 이메일과 전화번호로 보이는 값이 들어오면 개인정보 경고 표시

개인정보와 분석 원칙

공개 버전의 아카이브는 현재 브라우저의 localStorage에만 남습니다. 기기 간 동기화는 지원하지 않지만, 계정이나 데이터베이스 없이 빠르게 사용할 수 있고 캠페인 원문이 외부 서버에 저장되지 않습니다.

도구 사용 행동은 기능 개선을 위해 이벤트 이름과 선택 여부만 측정합니다. 목적 URL, UTM 원문, 검색어와 개인정보는 GTM·GA4 이벤트 파라미터로 보내지 않습니다.

현재 제공 기능

  • utm_source, utm_medium, utm_campaign 필수 입력
  • utm_content, utm_term 선택 입력
  • 완성 URL 실시간 생성과 복사
  • 기본 채널 템플릿
  • 로컬 아카이브와 검색
  • 저장 링크 복사, 다시 쓰기와 삭제
  • PC·태블릿·모바일 반응형 인터페이스

다음 단계

공개 도구는 로그인 없이 계속 사용할 수 있게 유지합니다. 개인 운영 영역은 향후 admin.woohyub.com에서 Firebase Authentication과 Firestore를 연결해 템플릿, 링크 아카이브와 프로젝트별 캠페인을 여러 기기에서 관리하는 방향으로 확장할 예정입니다.

  • 개인 템플릿 생성·수정
  • Firestore 기반 기기 간 동기화
  • 프로젝트와 캠페인 연결
  • Archive 필터와 CSV 내보내기
  • 필요 시 독립 도메인 utm.woohyub.com 검토

직접 사용하기

UTM Builder 열기