영상 튜토리얼: Figma에서 HTML 이메일 링크에 UTM 추적 코드 추가하기
Emailify Figma 플러그인으로 Figma에서 HTML 이메일 링크에 UTM 추적 코드를 추가하는 방법을 보여 주는 영상이에요.
모든 링크에 전역 UTM 쿼리 문자열 하나 설정
Emailify 플러그인에서 기본 “Email” 컨테이너 프레임을 선택하고 Settings 버튼을 클릭한 다음, 이메일의 모든 링크에 적용할 쿼리 문자열을 Append Global URL Query String 입력 필드에 붙여 넣으세요. 그러면 전역 UTM 태그 쿼리 문자열이 모든 <a> 태그의 href 속성에 자동으로 덧붙여져요(이메일별로 설정).
전역 쿼리 문자열(이메일의 모든 링크에 적용됨)의 예는 다음과 같아요. ?utm_campaign=sale&utm_medium=email&utm_source=newsletter1&utm_content=top
개별 레이어에 특정 UTM 쿼리 문자열 링크 설정
필요하다면 Settings 패널의 클릭 가능한 링크 URL 입력란에 쿼리 문자열이 포함된 URL을 직접 넣어, 링크에 쿼리 문자열을 수동으로 설정할 수도 있어요.
자체 쿼리 문자열이 있는 URL(레이어 하나에 적용할 수 있음)의 예는 다음과 같아요. https://www.example.com/?utm_campaign=sale&utm_medium=email&utm_source=newsletter1&utm_content=top
이메일의 모든 링크에 전역 쿼리 문자열을 적용하면서 동시에 이메일 곳곳의 개별 링크에도 쿼리 문자열을 적용하면, Emailify가 최종 URL에 두 쿼리 문자열 매개변수 세트를 자동으로 모두 포함해요.
Settings를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 설정을 일괄 적용할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.