GTM 버튼 클릭 전환 설정: 오집계 막는 트리거 4단계 기준
GTM 버튼 클릭 전환 설정은 '태그 하나 만들고 트리거 거는 일'로 끝나지 않습니다. 실제로는 어떤 클릭을 1건으로 셀지 정하는 일입니다.
GTM 버튼 클릭 전환을 제대로 잡으려면 태그보다 트리거 조건이 먼저입니다. 클릭 변수를 무엇으로 고르느냐에 따라 같은 버튼도 0건이 되거나 실제보다 두 배로 잡힙니다. 그리고 버튼 클릭은 결국 '의도'일 뿐 '완료'가 아니라서, 어디까지 전환으로 인정할지도 함께 정해야 합니다.
아래에서는 GTM 버튼 클릭 전환 설정을 클릭 변수 선택, 트리거 조건 설계, 매체별 태그 연결, 검증 순서까지 4단계로 정리합니다.
1. GTM 버튼 클릭 전환 설정 전에 정할 것: 이 클릭이 정말 전환인가
GTM 화면을 열기 전에 먼저 정해야 할 게 있습니다.
"이 버튼 클릭을 광고 최적화의 목표로 써도 되는가"입니다.
버튼 클릭 전환은 설치가 쉬운 만큼 자주 남용됩니다.
'상담 신청하기' 버튼을 누른 사람과 실제로 신청서를 끝까지 낸 사람은 다릅니다.
입력하다 이탈한 사람, 버튼을 여러 번 누른 사람, 필수 항목을 빠뜨려 오류가 난 사람까지 전부 클릭으로 잡히기 때문입니다.
버튼 클릭을 전환으로 써도 되는 경우
① 클릭 자체가 최종 행동인 경우
전화 걸기(tel: 링크), 카카오톡 채널 상담 열기, 외부 예약 플랫폼으로 넘어가는 버튼처럼
클릭 이후 과정을 내 사이트에서 추적할 수 없는 경우입니다.
이때는 클릭이 확인할 수 있는 마지막 신호라서 전환으로 쓰는 게 맞습니다.
② 완료 페이지가 없고 개발 지원도 어려운 경우
신청 후 같은 페이지에 '접수되었습니다' 문구만 뜨고 URL이 바뀌지 않는 구조라면,
임시로 버튼 클릭을 전환으로 두고 나중에 완료 신호로 교체하는 방식이 현실적입니다.
버튼 클릭을 전환으로 쓰면 안 되는 경우
① 완료 페이지(thank-you 페이지)가 있는 경우
이미 확실한 완료 신호가 있는데 버튼 클릭을 전환으로 잡으면, 일부러 부정확한 숫자를 고르는 셈입니다.
② 입찰 최적화 목표로 쓰려는 경우
자동 입찰은 '전환으로 잡힌 사람과 비슷한 사람'을 찾아갑니다.
버튼만 누르고 이탈하는 사람이 전환에 섞이면, 알고리즘은 '누르기만 하는 사람'을 더 많이 데려옵니다.
CPA는 낮아 보이는데 실제 접수 건수는 늘지 않는 상황이 이렇게 만들어집니다.
-> 실무에서 자주 쓰는 방식은 버튼 클릭은 보조 전환(관찰용), 완료 신호는 기본 전환(입찰용)으로 나누는 것입니다.
구분 | 버튼 클릭 전환 | 완료 기반 전환 |
|---|---|---|
의미 | 행동 의도 | 행동 완료 |
오집계 가능성 | 높음 (중복 클릭, 이탈, 오류) | 낮음 |
설치 난이도 | 낮음 (GTM만으로 가능) | 중간 (완료 페이지 또는 개발 필요) |
적합한 용도 | 퍼널 중간 지표, 외부 이동 클릭 | 입찰 최적화 목표 |
2. GTM 클릭 트리거 설정: 변수 고르기부터 조건 설계까지
용도를 정했다면 이제 트리거를 만듭니다.
GTM 버튼 클릭 전환 설정이 틀어지는 지점은 대부분 여기입니다.
1단계: 클릭 기본 제공 변수부터 켜기
GTM은 클릭 관련 변수를 기본으로 꺼 둡니다.
변수 → 기본 제공 변수 → 구성에서 클릭 항목을 전부 켜야 합니다.
Click Element (클릭한 요소 자체)
Click Classes (요소의 class 값)
Click ID (요소의 id 값)
Click Target (링크의 target 속성)
Click URL (링크 주소)
Click Text (요소 안의 텍스트)
이걸 켜지 않으면 트리거 조건에서 고를 변수가 없고, 미리보기에서도 클릭 정보가 보이지 않습니다.
2단계: '모든 요소'와 '링크만' 중 고르기
클릭 트리거는 두 종류입니다.
① 클릭 - 링크만<a> 태그로 만든 버튼에만 반응합니다.
'태그 대기' 옵션을 켜면 페이지가 넘어가기 전에 태그가 발송될 시간을 벌어 줍니다.
외부 예약 페이지로 이동하는 버튼처럼 클릭 직후 페이지가 바뀌는 경우에 유리합니다.
② 클릭 - 모든 요소<button>, <div>, <span> 등 어떤 요소든 잡습니다.
요즘 사이트는 버튼을 <a>가 아닌 <button>이나 <div>로 만드는 경우가 많아서 실무에서는 이쪽을 더 많이 씁니다.
-> 링크인지 확신이 없다면 '모든 요소'로 시작하고, 페이지 이동 때문에 누락이 생길 때만 '링크만'으로 바꾸는 순서가 안전합니다.
3단계: 조건 변수 고르기 — 안정성 순서가 있습니다
트리거를 '일부 클릭'으로 설정하고 조건을 걸어야 합니다.
어떤 변수를 쓰느냐에 따라 버튼이 얼마나 오래 제대로 잡히는지가 갈립니다.
조건 변수 | 안정성 | 깨지는 상황 |
|---|---|---|
전용 data 속성 (예: data-gtm="consult") | 가장 높음 | 개발자가 속성을 지울 때만 |
Click ID | 높음 | id가 없거나 자동 생성되는 경우 |
Click Element + CSS 선택자 | 중간~높음 | 구조 변경이 클 때 |
Click Classes | 중간 | 디자인 수정으로 class가 바뀔 때 |
Click Text | 낮음 | 문구 수정, 다국어, 공백 차이 |
Click Text는 가장 쉽지만 가장 잘 깨집니다.
'상담 신청'을 '무료 상담 신청'으로 바꾸는 순간 전환이 0건이 됩니다.
문구가 자주 바뀌는 프로모션 페이지라면 특히 피해야 합니다.
Click Classes는 사이트 빌더에서 자주 문제가 됩니다.
일부 빌더는 class 이름을 btn_a8f3k2처럼 자동 생성하고, 페이지를 다시 저장할 때마다 바꿉니다.
지난주까지 잡히던 전환이 사이트 수정 이후 사라졌다면 가장 먼저 의심할 부분입니다.
가장 안정적인 방법은 개발자에게 버튼마다 전용 data 속성을 붙여 달라고 요청하는 것입니다.
GTM에서 변수 → 새로 만들기 → 자동 이벤트 변수 → 변수 유형 '요소 속성'을 고르고 속성 이름에 data-gtm을 입력하면 조건 변수로 쓸 수 있습니다.
4단계: 자식 요소 문제 해결하기
GTM 버튼 클릭 전환 설정에서 "분명히 눌렀는데 트리거가 안 뜬다"는 문의가 가장 많이 나오는 원인입니다.
버튼 안에 아이콘(<i>, <svg>)이나 텍스트 묶음(<span>)이 들어 있으면,
사용자가 실제로 클릭한 요소는 버튼이 아니라 그 안의 자식 요소가 됩니다.
그러면 Click Classes와 Click ID에는 버튼이 아닌 span이나 svg의 값이 담깁니다.
해결책은 Click Element 조건에 CSS 선택자 일치를 쓰는 것입니다.
button.consult-btn, button.consult-btn *
뒤의 *는 "이 버튼 안에 있는 모든 하위 요소"를 뜻합니다.
버튼 테두리 근처를 누르든 아이콘을 누르든 똑같이 1건으로 잡힙니다.
3. 매체별 태그 연결: GA4·구글 광고·메타에 같은 클릭 보내기
트리거 하나를 만들어 두면 여러 매체 태그에 함께 연결할 수 있습니다.
다만 매체마다 반드시 챙겨야 할 설정이 다릅니다.
① GA4 이벤트 태그
태그 유형: Google 애널리틱스 → GA4 이벤트
이벤트 이름:
click_consult처럼 소문자와 언더바로 통일매개변수:
button_location(헤더/본문/하단 등)을 넣어 두면 어느 위치의 버튼이 많이 눌리는지 나중에 나눠 볼 수 있습니다
이벤트가 GA4에 들어온 뒤 관리 → 이벤트에서 키 이벤트로 표시해야 전환 보고서에 잡힙니다.
이벤트가 처음 들어온 직후에는 목록에 바로 나타나지 않을 수 있으니, 실시간 보고서에서 수신부터 확인하는 편이 빠릅니다.
② 구글 광고 전환 태그
구글 광고에서 전환 액션을 먼저 만들고 전환 ID와 전환 라벨을 받아 옵니다
GTM에서 '구글 광고 전환 추적' 태그에 두 값을 입력합니다
전환 링커 태그가 모든 페이지에 걸려 있는지 반드시 확인합니다
전환 링커가 빠지면 클릭 ID(gclid)가 쿠키에 저장되지 않아, 태그는 발송되는데 광고 성과에는 전환이 잡히지 않는 상황이 생깁니다.
전환 링커 설정 기준: 구글 광고 전환 누락 막는 4가지 점검
그리고 전환 액션의 집계 방식을 꼭 확인해야 합니다.
상담 신청, 회원가입 같은 리드형 전환은 '1회'로, 구매처럼 매번 가치가 생기는 전환은 '모든 전환'으로 두는 게 일반적입니다.
버튼 클릭 전환을 '모든 전환'으로 두면 한 사람이 다섯 번 누른 것도 5건이 됩니다.
③ 메타 픽셀 이벤트
메타 픽셀 기본 코드가 GTM으로 이미 설치되어 있다는 전제에서,
맞춤 HTML 태그로 표준 이벤트를 발송합니다.
<script>fbq('track', 'Lead');</script>
여기서 주의할 점은 두 가지입니다.
태그 실행 순서: 픽셀 기본 코드보다 이벤트 태그가 먼저 실행되면 fbq가 정의되지 않아 이벤트가 사라집니다. 태그 설정의 '태그 순서 지정'에서 기본 코드를 먼저 실행되게 묶어 두는 게 안전합니다.
CAPI와 중복: 서버에서 같은 이벤트를 전환 API로도 보내고 있다면 event_id를 맞춰야 중복으로 집계되지 않습니다.
GTM 메타 픽셀 설치 기준: 태그·트리거·중복 방지 3단계
-> 매체가 여러 개여도 트리거는 하나로 관리하는 게 원칙입니다. 매체별로 트리거를 따로 만들면 조건이 조금씩 달라져, 같은 클릭인데 매체마다 숫자가 달라지는 원인이 됩니다.
4. GTM 버튼 클릭 전환 검증: 게시 전후로 확인할 순서
설정을 마쳤다고 끝이 아닙니다.
버튼 클릭 전환은 게시 직후보다 사이트가 수정된 뒤에 조용히 깨지는 경우가 더 많습니다.
게시 전: 미리보기 모드에서 4가지 확인
미리보기(Tag Assistant)를 켜고 실제 버튼을 눌러 봅니다.
① 왼쪽 이벤트 목록에 'Click' 이벤트가 생기는가
② 해당 클릭에서 내 태그가 '실행된 태그'에 들어가는가
③ 버튼의 다른 부분(아이콘, 텍스트, 여백)을 눌러도 똑같이 실행되는가
④ 다른 버튼(헤더 메뉴, 다른 CTA)을 눌렀을 때는 실행되지 않는가
③과 ④를 빼먹는 경우가 많습니다.
조건이 너무 좁으면 누락이, 너무 넓으면 엉뚱한 클릭까지 전환으로 잡힙니다.
'Click Classes 포함 btn' 같은 조건은 사이트의 거의 모든 버튼에 걸리기 때문에, ④에서 바로 걸러집니다.
모바일 화면도 따로 확인해야 합니다.
반응형 사이트는 PC와 모바일에서 버튼이 아예 다른 요소로 렌더링되는 경우가 있어서, PC에서만 테스트하면 모바일 전환이 통째로 빠질 수 있습니다.
게시 후: 실제 데이터와 맞춰 보기
게시 후 며칠간은 매체 숫자와 실제 데이터를 나란히 놓고 봅니다.
비교 대상 | 확인 포인트 |
|---|---|
GA4 이벤트 수 vs 구글 광고 전환 수 | 광고 유입분만 잡히므로 광고 쪽이 작은 게 정상 |
버튼 클릭 수 vs 실제 신청 건수(CRM·관리자) | 클릭이 신청보다 지나치게 많으면 중복 클릭·이탈 확인 |
PC vs 모바일 클릭 비율 | 평소 유입 비율과 크게 다르면 한쪽 누락 의심 |
실무에서 흔한 실패 사례가 하나 있습니다.
한 서비스의 경우 버튼 클릭 전환은 꾸준히 잡히는데 실제 상담 접수는 그 절반에도 못 미쳤습니다.
원인을 보니 신청 폼의 전화번호 형식 검사에서 오류가 나면 사용자가 버튼을 반복해서 누르고 있었고, 그 클릭이 매번 전환으로 집계되고 있었습니다.
트리거를 폼 제출 성공 시점으로 옮기고 집계 방식을 '1회'로 바꾸자, 매체 전환 수와 실제 접수 건수의 차이가 크게 줄었습니다.
-> 클릭 수와 실제 완료 건수가 크게 벌어진다면, 트리거 조건보다 사용자가 왜 여러 번 누르는지를 먼저 봐야 합니다. 전환 추적 문제가 아니라 폼 사용성 문제인 경우가 많습니다.
구글 광고 전환 중복: 전환이 두 번 잡히는 4가지 원인과 정리 순서
운영 중: 사이트 수정 일정과 묶어서 점검
버튼 클릭 전환은 디자인 수정, 빌더 업데이트, 랜딩페이지 교체 때마다 깨질 수 있습니다.
사이트를 수정하는 날에는 GTM 미리보기로 핵심 버튼 2~3개만이라도 다시 눌러 보는 습관을 들이는 게 좋습니다.
전환이 갑자기 0건이 됐는데 광고 지표(노출, 클릭)는 그대로라면, 성과 하락이 아니라 측정 문제일 가능성이 높습니다.
자주 묻는 질문
GTM 클릭 트리거가 작동하지 않는 이유는?
가장 흔한 원인은 클릭 기본 제공 변수를 켜지 않았거나, 버튼 안의 아이콘·텍스트 같은 자식 요소가 클릭되어 조건이 맞지 않는 경우입니다. Click Element에 CSS 선택자 일치 조건을 쓰고, 선택자 뒤에 하위 요소까지 포함하도록 *를 붙이면 대부분 해결됩니다.
GTM 버튼 클릭 전환이 중복으로 잡히는 이유는?
같은 사용자가 버튼을 여러 번 누르거나, 같은 클릭에 반응하는 트리거가 두 개 이상 걸려 있는 경우입니다. 리드형 전환이라면 구글 광고 전환 액션의 집계 방식을 '1회'로 바꾸고, 미리보기에서 한 번 클릭할 때 태그가 몇 번 실행되는지 확인하세요.
버튼 클릭과 폼 제출 중 어떤 걸 전환으로 잡아야 하나요?
완료 페이지나 폼 제출 성공 신호를 잡을 수 있다면 그쪽을 기본 전환으로 쓰는 게 맞습니다. 버튼 클릭은 오류·이탈까지 포함되기 때문에 보조 전환으로 두고 퍼널 중간 지표로 활용하는 편이 안전합니다.
Click Text로 트리거를 만들어도 되나요?
가능은 하지만 버튼 문구를 바꾸는 순간 전환이 끊기기 때문에 권장하지 않습니다. 개발 지원이 가능하다면 전용 data 속성을, 어렵다면 Click ID나 CSS 선택자를 쓰는 편이 오래 유지됩니다.
GTM 미리보기에서는 잡히는데 구글 광고에 전환이 안 보이는 이유는?
전환 링커 태그가 빠져 gclid가 저장되지 않았거나, 광고 클릭을 거치지 않은 테스트 방문이라 광고 전환으로 귀속되지 않은 경우가 많습니다. 구글 광고 전환 데이터는 반영까지 시간이 걸리기도 하므로, 태그 발송 여부는 미리보기로, 귀속 여부는 하루 이상 지난 뒤 확인하세요.
마무리
GTM 버튼 클릭 전환 설정의 핵심은 태그가 아니라 트리거입니다.
정리하면 순서는 이렇습니다.
이 클릭을 기본 전환으로 쓸지, 보조 전환으로 둘지부터 정한다
클릭 변수를 켜고, Click Text보다 data 속성·ID·CSS 선택자 순으로 조건을 잡는다
트리거 하나에 GA4·구글 광고·메타 태그를 함께 연결하고, 매체별 필수 설정(전환 링커, 집계 방식, 실행 순서)을 챙긴다
미리보기에서 '눌러야 할 때 잡히는지'와 '안 눌러야 할 때 안 잡히는지'를 함께 확인하고, 게시 후에는 실제 완료 건수와 맞춰 본다
버튼 클릭은 설치하기 가장 쉬운 전환이지만, 그만큼 가장 쉽게 부풀려지는 전환이기도 합니다.
숫자가 잘 나온다고 안심하기보다, 그 숫자가 실제 신청·구매와 얼마나 맞아떨어지는지를 주기적으로 확인하는 것이 결국 광고 최적화의 정확도를 지켜 줍니다.