도입문의 블로그

웹폼에 UTM paramter 전달

세일즈맵 웹폼에 UTM paramter을 전달해보세요.

UTM paramter 는 웹사이트 방문자의 정보를 트래킹하는데 매우 유용한 정보입니다. 세일즈맵 웹폼에 UTM parameter를 전달하면, 방문자가 웹폼 제출시 UTM paramter도 함께 저장하여 마케팅 성과 측정이 가능합니다.

1. UTM paramter 를 저장할 커스텀 필드 정의

필요한 UTM paramter 값을 고객 또는 리드의 커스텀 필드로 정의합니다.

2. UTM paramater 를 웹폼에 정의

생성한 커스텀 필드를 웹폼에 정의합니다. 이때 유저가 직접 입력하는 정보가 아니므로 숨기기 처리합니다.

UTM parameter의 웹폼의 라벨 명은 1. 에서 생성한 커스텀 필드 이름과 동일해야 합니다. 라벨 명이 커스텀 필드 이름과 다를 경우 웹폼이 제출되지 않거나 빈 값으로 저장될 수 있습니다.

3. 웹폼에 UTM parameter 전달

방문자가 웹폼을 제출할 때 UTM parameter도 같이 전달하게 하는 방법은 크게 [1. 쿼리 Parameter로 전달], [2. 코드를 Embed하여 전달] 두 가지 입니다.

3-1. 쿼리 Parameter로 전달

링크를 공유하면서 뒤에 (라벨명)=(전달하고자 하는 값)의 형태로 전달할 수 있습니다. 여러 개의 UTM parameter를 전달하고자 할 때에는 &로 연결하여 전달할 수 있습니다. 예를 들어 위의 https://salesmap.kr/web-form/1234 링크 뒤에 https://salesmap.kr/web-form/1234?utm_source=fb&utm_campaign=C0001 의 형태처럼 전달할 수 있습니다.

3-2. 코드를 Embed하여 전달

임베디드 코드를 복사하여 홈페이지 등에 심을 수 있습니다. 자세한 내용은 웹폼이 심어질 홈페이지의 안내를 참고해주세요.

(아래 예시는 노션 기준)

apption.co 에 세일즈맵 웹폼의 임베디드 코드를 복사해 넣어줍니다.

생성된 url 뒤에 전달하고자 하는 UTM parameter를 3-1.의 형태와 동일하게 입력해줍니다.

https://apption.co/embeds/95028348?utm_source=apption&utm_campaign=C0001

노션에서 /Embed 를 입력 후 apption에서 생성한 url을 복사해 붙여넣습니다.

웹폼이 담긴 노션 페이지를 Publish 해줍니다.

4. 제출 확인

방문자가 웹폼을 제출 했을 때 UTM parameter 가 잘 전달되는지 확인합니다. 예시는 다음과 같습니다.

  • 제출 내역 확인

Previous웹폼 제출 완료 이벤트 받기Next워크스페이스 생성

Last updated