광고와 콘텐츠를 통해 고품질의 잠재 고객들을 사이트로 데려오는데 성공했더라도 여전히 전환까지의 관문은 남아있습니다. 바로 고객들이 중간 이탈 없이 실제 리드까지 제출하도록 유도하는 일인데요. B2B 마케팅에서 훌륭한 유입 전략만큼이나 중요한 것이 바로 전환율 최적화입니다. 어렵게 확보한 유입 트래픽이 마지막에 증발하지 않도록, 고객이 어떤 항목에서 이탈했는지 구글 태그 매니저를 통해 추적하고 개선할 수 있는 실무 방안을 살펴보겠습니다.
목 차
우리 고객들은 어떤 항목에서 이탈할까?
비싼 광고 비용을 지불하고 우리 서비스에 딱 맞는 기업의 의사결정권자나 실무 담당자를 웹사이트까지 데려왔습니다. 고객은 정성스럽게 작성된 상세페이지와 포트폴리오를 읽으며 고개를 끄덕였고, 기쁜 마음으로 우측 상단의 ‘도입 문의’ 버튼을 눌렀습니다. 그러나 마케터가 매주 받아보는 최종 리드 숫자는 늘 기대 이하입니다.
대체 그 많던 유입자들은 다 어디로 사라진 걸까요? 범인은 바로 웹사이트에 자리 잡은 상담 폼입니다.
B2B 마케터들은 흔히 유입률이나 광고 클릭률을 올리는 데 예산과 시간을 쏟아붓지만, 정작 최종 관문인 상담 폼의 사용자 경험은 방치하는 경우가 많습니다. 고객이 문의를 남기려다 창을 닫는 행위는 단순한 변심이 아닙니다. 입력창이 주는 피로감, 과도한 정보 요구에 대한 불쾌감, 혹은 기술적 오류로 인한 짜증이 결합된 결과입니다.
데려온 고객을 마지막에 놓치지 않으려면 고객이 어떤 입력 칸을 채우다가 심리적 저항선을 만났는지 데이터로 정확히 짚어내야 합니다.
GTM 실전 가이드: 폼 항목 별 이탈률 추적하는 3단계 세팅법
‘문의 폼이 너무 길어서 사람들이 이탈하는 것 같다’는 막연한 추측만으로는 문의 폼을 확실히 개선하기 어렵습니다. 우리에게 필요한 것은 ‘고객 중 45%가 ‘전화번호’ 칸을 클릭한 후 입력을 포기하고 나갔다’라는 정량적인 데이터입니다.
구글 태그 매니저(GTM)를 활용해 고객이 이름, 이메일, 전화번호, 회사 규모, 직함 등 정확히 어느 칸까지 입력하다가 이탈했는지 발자취를 추적하는 기술적 세팅법을 공유합니다.
① GTM 기본 제공 변수 활성화
GTM이 웹사이트 내의 양식 요소를 스스로 인식하고 데이터 레이어화할 수 있도록 사전 준비를 해야 합니다.
GTM 컨테이너에 접속한 후 왼쪽 메뉴에서 [변수]를 클릭합니다.
우측 상단의 기본 제공 변수 영역에서 [구성] 버튼을 누릅니다.
스크롤을 아래로 내려 [양식(Forms)] 카테고리에 있는 모든 체크박스(
Form Element,Form ID,Form Text,Form URL)를 활성화합니다.추가로 [클릭(Clicks)] 카테고리의
Click Element,Click ID,Click Classes등도 함께 체크해 줍니다. 이 변수들이 켜져 있어야 어떤 입력창이 클릭되었는지 텍스트로 솎아낼 수 있습니다.
② 필드 클릭 감지 트리거 생성
고객이 특정 입력 칸에 텍스트를 타이핑하기 위해 마우스로 클릭하거나 모바일 화면에서 손가락으로 터치하는 순간(Focus 또는 Click)을 잡아내는 장치를 만듭니다.
왼쪽 메뉴에서 [트리거(Triggers)] ➔ [새로 만들기]를 클릭합니다.
트리거 유형 선택에서 [클릭 – 모든 요소(Click – All Elements)]를 선택합니다.
(참고: 일부 커스텀 폼의 경우 ‘양식 제출’ 트리거가 작동하지 않는 경우가 많기 때문에, 범용성이 높은 클릭 요소를 활용하는 것이 실무에서 안전합니다.)트리거 실행 조건에서 ‘모든 클릭’ 대신 [일부 클릭(Some Clicks)]을 선택합니다.
조건을
Click Element➔CSS 선택도구와 일치함(Matches CSS Selector)으로 변경한 뒤, 우리 웹사이트 문의 폼의 input 태그를 조준하는 CSS 값을 입력합니다.예시 값:
#contact-form input / #contact-form select / #contact-form textarea(우리 회사 문의 페이지의 form 태그 ID가contact-form일 때, 그 내부의 모든 입력창과 드롭다운 메뉴, 장문 텍스트 영역을 모두 추적하겠다는 의미입니다.)
트리거 이름을
Click - Contact Form Fields와 같이 알아보기 쉽게 저장합니다.
③ GA4 이벤트 태그 설정 및 매개변수 매핑
이제 트리거가 발동할 때마다 ‘고객이 지금 OO 칸을 건드렸다!’라는 정보를 GA4로 실시간 전송하는 태그를 설계합니다.
왼쪽 메뉴에서 [태그] ➔ [새로 만들기]를 클릭합니다.
태그 유형으로 [Google 애널리틱스: GA4 이벤트(Google Analytics: GA4 Event)]를 선택하고, 계정의 측정 ID를 입력합니다.
이벤트 이름:
form_field_focus(GA4 표준 규격에 맞춘 커스텀 이벤트명)이벤트 매개변수: 이 부분이 가장 중요합니다. 어떤 칸을 만졌는지 텍스트로 분류해 주어야 합니다. [행 추가]를 눌러 아래 두 가지 매개변수를 심습니다.
field_id:{{Click ID}}(input 태그에 심겨 있는 ID 값을 자동으로 낚아챕니다. 예:user_phone)field_placeholder:{{Click Element}}속성을 이용하거나, 맞춤 자바스크립트를 활용해 고객 눈에 보이는 힌트 텍스트(예: ‘회사 이메일을 입력해 주세요’)를 매핑합니다. 만약 이것이 어렵다면Click Classes나 태그의name속성을 매개변수로 지정해도 좋습니다.
트리거: 방금 Step 2에서 생성한
Click - Contact Form Fields트리거를 하단에 연결합니다.오른쪽 상단의 [미리보기]를 눌러 문의 페이지에서 각 칸을 누를 때마다 Tag Assistant에 태그가 정상적으로 실행되는지 확인한 후, [제출]을 눌러 서버에 반영합니다.
GA4 탐색 분석으로 이탈 지점 진단하기
GTM 태그 배포 후 약 일주일 정도 데이터가 모이면, GA4의 [탐색] 메뉴를 통해 단순한 숫자를 넘어 고객의 심리적 거부감을 시각화할 수 있습니다. 자유 형식 또는 퍼널 분석을 활용해 form_field_focus 이벤트의 매개변수별 수치를 정렬해 봅니다.
만약 우리 회사 B2B 문의 폼의 데이터 결과가 아래 표처럼 집계되었다면, 마케터로서 어떤 인사이트를 도출해야 할까요?
데이터 예시
| 입력 순서&항목 |
총 상호작용 수 (사용자 수) |
최종 상담 제출 완료 수 | 다음 항목 이탈률 |
|---|---|---|---|
|
1. 담당자 성함 |
2,000 |
440 |
0% (기준점) |
|
2. 회사 이메일 |
1,920 |
440 |
4% |
|
3. 휴대폰 번호 |
1850 |
440 |
48% (급감 구간) |
|
4. 회사 규모/직함 |
960 |
440 |
12% |
|
5. 상세 문의 내용 |
840 |
440 |
47% |
데이터 분석
업무 이메일까지는 이탈률 저조: ‘담당자 성함’에서 ‘회사 이메일’로 넘어가는 구간의 이탈률은 단 4%에 불과합니다. 유저들은 B2B 환경에서 자신의 이름과 업무용 이메일을 밝히는 것에는 심리적 장벽이 거의 없습니다.
휴대폰 번호 장벽: 문제는 3번 ‘휴대폰 번호’ 칸을 클릭한 순간 발생했습니다. 유입자 수가 1,850명에서 960명으로 무려 48%가 이탈 했습니다. 고객들은 ‘여기에 내 개인 번호를 남기는 순간, 내일부터 거절하기 힘든 영업 전화가 올 수 있겠구나’라는 심리적 저항감을 느끼고 창을 닫아버린 것입니다.
내용 작성의 귀찮음: 마지막 ‘상세 문의 내용’ 칸에서도 큰 폭의 하락이 보입니다. 주관식으로 우리 회사의 상황을 길게 타이핑해야 하는 피로감이 마지막 이탈을 부추긴 것입니다.
이처럼 GTM 필드 추적 데이터는 ‘개인 연락처 요구 문항과 주관식 피로도가 고객을 쫓아내고 있습니다’라는 정확한 진단과 개선의 이정표를 제시해 줍니다.
B2B 문의 이탈률을 낮추는 3가지 상담 폼 UX 점검 포인트
① 입력 칸 갯수를 줄여 첫 접점의 문턱 낮추
영업 대상에 대한 정보는 많을수록 좋지만, 마케팅과 영업에 모두 사용하기 위해 회사 규모, 사용 중인 솔루션, 직함, 직원 수 등 폼을 한없이 늘이다 보면 고객이 중간에 이탈할 확률이 높아집니다.
개선 전략: 첫 문의 단계에서는 세일즈 필터링 욕심을 내려놓으세요. 가능하다면 [이름 / 회사 이메일 / 한 줄 문의] 딱 3 가지만 필수 항목으로 지정하는 ‘미니멀리즘 폼’을 구축해 보세요. 상세한 회사 규모나 도입 예산은 문의가 접수된 직후, 담당자가 첫 미팅 일정을 잡기 위해 발송하는 자동 답장 이메일이나 킥오프 미팅 준비 단계에서 파악하는 것이 전체 리드 볼륨을 키우는 데 훨씬 유리합니다.
② 연락처 유연화 및 안심 문구 삽입하기
앞선 데이터 예시처럼 개인 연락처 칸에서 이탈이 심하다면, 고객이 느끼는 ‘영업 전화를 향한 공포심’을 기술과 카피로 해소해 주어야 합니다.
개선 전략: 연락처 입력 필드 바로 아래에 작은 글씨로 신뢰를 주는 안심 문구를 추가하는 것만으로도 이탈을 크게 방기할 수 있습니다.
카피 예시:
'입력하신 번호로 무단 광고성 스팸 전화를 절대 드리지 않으며, 오직 미팅 일정 조율을 위한 1회성 카카오톡 알림 전송용으로만 안전하게 사용됩니다.'
더 나아가, 연락처를 필수 항목에서 ‘선택 사항’으로 변경하고, 대신 [전화 대신 이메일로 먼저 제안서 받기]와 같은 체크박스 옵션을 제공해 보세요. 고객에게 소통의 주도권을 넘겨주는 순간 문턱은 낮아집니다.
③ 손해를 보는 '제출' 대신, 혜택을 얻는 '가치 중심 CTA'로 변경
고객이 모든 칸을 채운 뒤 마지막에 마주하는 버튼의 텍스트가 단순히 제출, 보내기, 문의하기라면 심리적인 보상이 부족합니다. 유저는 폼을 작성하면서 자신의 소중한 개인정보를 회사에 ‘제공하는 손해’를 입었다고 느낍니다. 따라서 마지막 버튼은 그 손해를 잊게 만들 만큼 매력적인 가치를 담아야 합니다.
CTA에서 혜택 추가로 강조하기:
문의하기➔무료 도입 솔루션 상담 신청하기제출➔B2B 맞춤형 비교 제안서 24시간 내 받기상담 신청➔우리 회사 문제 해결 가능 여부 확인하기
주관식 항목이 부담스러운 고객들을 위해 ‘현재 겪고 있는 가장 큰 어려움은 무엇인가요?’라는 질문 아래에
[예산 부족],[인력 부족],[기술 도입 지연]같은 객관식 선택형 버튼을 배치해 타이핑의 피로도를 줄여주는 것도 이탈률을 낮추는 디테일입니다.
광고와 콘텐츠에 집중하다가 고객을 만나는 마지막 관문인 상담 폼의 관리를 놓치진 않으셨나요? 우리 브랜드를 선택하려던 고객이 마주한 마지막 10초의 UX 경험을 방치하고 있지는 않았는지 한번 살펴보세요.
적정마케팅연구소는 단순한 유입 광고 세팅을 넘어 잠재고객의 이탈을 막고 최종 매출로 연결하는 랜딩ㅍ레이지 및 상담폼 UI/UX 최적화 방안을 제공합니다. 랜딩페이지의 데이터 누수나 이탈 원인을 정밀 진단받고 싶으시다면 언제든 문의주세요.
