문의 버튼 클릭을 GA4 전환(주요 이벤트)으로 잡는 법
GA4를 달아 두었는데, 정작 문의 버튼이 몇 번 눌렸는지는 보고서에서 찾기 어렵습니다.
GA4는 어떤 버튼이 문의 버튼인지 모릅니다. 클릭 이벤트를 보내고 그 이벤트를 ‘주요 이벤트’로 표시해야 전환으로 집계됩니다.
이 글은 구글 애널리틱스 고객센터 문서와, 노아가 사이트 전 페이지에 붙인 클릭 측정 코드를 바탕으로 설정 순서를 정리했습니다.
⚡ 3줄 요약
- 문의 버튼 클릭을 전환으로 세려면 두 가지가 필요합니다. 클릭 순간 이벤트를 보내는 사이트 코드, 그리고 GA4 관리 > 데이터 표시 > 이벤트에서 그 이벤트에 별표를 눌러 주요 이벤트로 표시하는 설정입니다.
- GA4의 ‘전환’은 2024년 3월 ‘주요 이벤트’로 이름이 바뀌었습니다. 지금 ‘전환’은 Google Ads에서 광고 성과를 재고 입찰에 쓰는 행동을 가리킵니다.
- 표시하면 실시간 보고서에는 몇 분, 표준 보고서에는 최대 24시간 뒤에 반영되고 과거 데이터에는 소급되지 않습니다. 설정한 날은 실시간 보고서로 확인합니다.
GA4에서 문의 버튼 클릭을 전환으로 잡으려면 무엇이 필요한가요?
클릭 순간 GA4로 이벤트를 보내는 사이트 코드와, 그 이벤트를 주요 이벤트로 표시하는 GA4 설정이 필요합니다. 코드는 홈페이지에 한 번 넣고, 표시는 GA4 관리 화면에서 이벤트마다 한 번 합니다.
GA4 기본 코드는 페이지 조회를 자동으로 기록하지만, 화면의 어느 버튼이 문의 버튼인지는 알지 못합니다. 그래서 사이트가 버튼을 누르는 순간 cta_click처럼 이름을 붙인 이벤트를 보내야 하고, GA4에서 그 이벤트를 주요 이벤트로 표시해야 보고서의 주요 이벤트 수에 잡힙니다.
예전 글이나 영상에서 말하는 ‘전환 설정’이 지금 화면의 ‘주요 이벤트로 표시’입니다. 구글은 2024년 3월 Google Ads와 애널리틱스가 ‘전환’을 같은 뜻으로 쓰도록 정의를 맞추면서, 애널리틱스에서 사업에 중요한 행동을 재는 이벤트를 ‘주요 이벤트’로 바꿔 불렀습니다. 이전에 전환으로 표시해 둔 이벤트와 데이터는 주요 이벤트로 그대로 이어지므로 따로 할 일은 없습니다.
| 할 일 | 어디서 | 반영 시간 | 표준 속성 한도 |
|---|---|---|---|
| 클릭 이벤트 보내기 | 홈페이지 코드 (제작사·개발자) | 실시간 보고서(지난 30분)로 확인 | — |
| 주요 이벤트로 표시 | 관리 > 데이터 표시 > 이벤트 > 별표 (아직 안 들어온 이벤트는 관리 > 데이터 표시 > 주요 이벤트 > 새 주요 이벤트) | 실시간 보고서 몇 분, 표준 보고서 최대 24시간 | 30개 (애널리틱스 360은 50개) |
| 클릭 위치 측정기준 만들기 | 관리 > 데이터 표시 > 맞춤 정의 > 맞춤 측정기준 만들기 | 24~48시간 뒤 보고서에 추가 가능 | 이벤트 범위 50개 |
| 이벤트 수신 확인 | 실시간 보고서, 관리 > 데이터 표시 > DebugView | 실시간은 지난 30분, DebugView는 디버그 모드 기기만 | — |
| Google Ads 전환으로 가져오기 (광고 집행 시) | GA4와 Google Ads 계정 연결, 자동 태그 추가 후 전환 만들기 | Google Ads 반영 최대 24시간 | — |
UTM·ROAS까지 포함한 측정 전반은 퍼포먼스 측정 종합 가이드에 정리했습니다. 이 글은 그중 문의 클릭을 주요 이벤트로 잡는 설정 절차만 다룹니다.
노아 사이트는 어떤 클릭을 이벤트로 보내나요?
문의 페이지로 가는 링크와 주요 버튼은 cta_click, 전화·카카오톡·네이버 톡톡·네이버 블로그 링크는 채널별 이벤트, 문의 폼 접수 완료는 generate_lead로 보냅니다.
노아는 2026년 10월 9일, 사이트 공용 스크립트와 영문·중문 페이지에 나뉘어 있던 클릭 기록 코드를 js/track.js 한 파일로 합치고 기록이 없던 칼럼·가이드·아티클 페이지까지 넓혔습니다. 2026년 10월 21일 기준으로 리다이렉트용 빈 페이지 2개를 뺀 235개 페이지가 이 파일을 불러옵니다. 버튼마다 코드를 달지 않고 페이지 전체의 클릭을 한곳에서 받아, 링크 주소와 버튼 종류를 보고 이벤트 이름을 정합니다.
한 번의 클릭은 이벤트 하나로만 셉니다. 전화·카카오톡·톡톡·블로그 링크인지를 먼저 보고, 어디에도 해당하지 않을 때 문의 페이지 링크나 주요 버튼이면 cta_click으로 보냅니다.
| 이벤트 | 보내는 순간 | 함께 보내는 값 | 주요 이벤트 대상 |
|---|---|---|---|
| cta_click | 문의 페이지·#contact 링크, 주요 CTA 버튼 클릭 | label(버튼 문구 앞 40자), cta_location, page | 대상 |
| contact_call | 전화(tel:) 링크 클릭 | cta_location, page | 대상 |
| contact_kakao | 카카오톡 채널 링크 클릭 | cta_location, page | 대상 |
| contact_naver_talk | 네이버 톡톡 링크 클릭 | cta_location, page | 대상 |
| click_blog | 네이버 블로그 링크 클릭 | cta_location, page | 제외 |
| generate_lead | 문의 폼 전송이 성공한 뒤 | method(inquiry_form) | 대상 |
page에는 클릭이 일어난 페이지 경로가, cta_location에는 버튼이 놓인 자리가 들어갑니다. 상단 바는 header, 주 메뉴는 menu, 화면 아래 빠른 문의 배너는 bottom_bar, 떠 있는 상담 버튼은 float, 문의 팝업은 modal, 본문 문의 박스는 content_cta, 푸터는 footer로 남기고, 그 밖의 자리는 버튼을 감싼 섹션의 id(없으면 첫 클래스 이름)를 씁니다. 이 글 아래 ‘무료 상담 신청’ 버튼을 누르면 cta_click이 content_cta 위치로 기록됩니다. 같은 ‘문의하기’라도 어느 자리의 버튼이 눌렸는지 나눠 보려는 값입니다.
문의 폼 접수는 다른 스크립트(js/script.js)가 맡습니다. 폼 내용을 서버로 보내 성공 응답을 받은 뒤에만 generate_lead를 보내고, 전송에 실패하면 form_error를 따로 남깁니다. 그래서 cta_click은 문의하려고 누른 횟수, generate_lead는 실제로 접수된 횟수로 나눠 읽을 수 있습니다. 클릭에 비해 접수가 크게 적다면 문의 페이지나 폼에서 빠져나가는 방문자가 많다는 신호이니 문의 폼 항목 수부터 점검합니다. generate_lead는 구글이 양식 제출이나 정보 요청에 쓰도록 정해 둔 추천 이벤트 이름이기도 합니다.
이벤트를 주요 이벤트로 표시하는 메뉴는 어디에 있나요?
관리 > 데이터 표시 > 이벤트에서 이벤트 이름 옆 별표를 누르면 주요 이벤트가 됩니다. 아직 데이터가 들어오지 않은 이벤트는 관리 > 데이터 표시 > 주요 이벤트 > 새 주요 이벤트에서 이름을 입력해 미리 등록합니다.
이벤트 화면의 최근 이벤트 탭이나 검색에서 cta_click을 찾아 별표를 누르면 끝입니다. 새 주요 이벤트로 미리 등록할 때는 코드에 적힌 이름을 한 글자도 다르지 않게 입력합니다. 노아는 위 표에서 ‘대상’으로 적은 5개를 주요 이벤트로 정했고, 블로그 링크 클릭은 문의보다 관심 표시에 가까워 넣지 않았습니다.
표시는 그 시점부터 보고서에 반영되고, 이미 쌓인 과거 데이터는 바뀌지 않습니다. 실시간 보고서에는 몇 분 안에 나타나지만 표준 보고서에는 최대 24시간이 걸릴 수 있습니다. 표준 속성은 주요 이벤트를 30개까지 표시할 수 있어(애널리틱스 360은 50개) 문의 채널을 모두 표시해도 여유가 있습니다.
이벤트 이름을 바꿀 때는 주의합니다. 고객센터는 주요 이벤트로 표시한 이벤트의 이름을 GA4의 이벤트 수정 기능으로 바꾸면 주요 이벤트 표시가 풀린다고 안내합니다. 제작사가 코드에서 이름을 바꿔도 GA4에는 새 이벤트로 들어오므로, 이름을 바꾼 날에는 별표를 다시 확인합니다.
클릭 이벤트 코드를 넣기 어렵고 문의를 마치면 완료 페이지로 넘어가는 사이트라면, 그 페이지의 조회(page_view)를 조건으로 새 이벤트를 만들어 주요 이벤트로 표시하는 방법도 고객센터에 안내돼 있습니다. 모든 page_view를 주요 이벤트로 표시하면 의미가 없으므로 완료 페이지 주소로 조건을 좁힙니다.
버튼 위치별 클릭 수를 보려면 무엇을 더 하나요?
cta_location 같은 매개변수는 맞춤 측정기준으로 등록해야 보고서에서 골라 볼 수 있습니다. 관리 > 데이터 표시 > 맞춤 정의 > 맞춤 측정기준 만들기에서 범위는 ‘이벤트’, 이벤트 매개변수는 cta_location으로 입력합니다.
측정기준 이름은 보고서에 보일 이름이라 알아보기 쉽게 짓습니다. 노아는 ‘클릭 위치’로 정했습니다. 범위와 이벤트 매개변수 이름은 저장한 뒤 바꿀 수 없으니 철자를 확인하고 저장합니다. 만든 뒤 24~48시간이 지나야 보고서에 추가할 수 있으므로, 이벤트 코드를 붙인 날 함께 만들어 둡니다.
버튼 문구(label)도 같은 방법으로 ‘버튼 문구’ 측정기준을 만들면 CTA 버튼 문구를 바꾼 전후의 클릭 수를 문구별로 비교할 수 있습니다. 반면 page는 등록하지 않아도 됩니다. GA4가 웹의 모든 이벤트에 페이지 주소(page_location)를 자동으로 붙이기 때문입니다. 표준 속성의 이벤트 범위 맞춤 측정기준은 50개까지라 기본으로 있는 값에 자리를 쓰지 않는 편이 낫습니다.
설정이 맞는지 오늘 바로 확인할 수 있나요?
실시간 보고서와 DebugView로 바로 확인할 수 있습니다. 표준 보고서는 처리에 24~48시간이 걸릴 수 있어, 설정한 날 표준 보고서에 숫자가 없어도 이상한 일이 아닙니다.
가장 쉬운 방법은 실시간 보고서입니다. 지난 30분 동안의 활동을 보여 주므로, 휴대폰으로 내 사이트를 열어 문의 버튼을 누른 뒤 ‘이벤트 이름별 이벤트 수’ 카드에 cta_click이 나타나는지 봅니다. 주요 이벤트로 표시했다면 ‘이벤트 이름별 주요 이벤트’ 카드에도 잡힙니다.
DebugView는 관리 > 데이터 표시 > DebugView에 있고, 디버그 모드를 켠 기기에서 들어오는 이벤트만 실시간으로 보여 줍니다. 디버그 모드는 Google 태그 어시스턴트(tagassistant.google.com)에 내 사이트 주소를 넣어 연결하는 방법이 가장 간단합니다. 개발자가 GA4 설정 코드에 debug_mode 값을 넣어 켤 수도 있는데, 끌 때는 false로 바꾸는 것으로는 꺼지지 않고 값을 지워야 합니다. 쿠키 동의 배너가 있는 사이트는 분석 쿠키에 동의한 상태로 테스트해야 DebugView에 이벤트가 보입니다.
표준 보고서의 숫자는 처리되는 동안 바뀔 수 있습니다. 주간 비교는 이틀 이상 지난 날짜끼리 하는 편이 정확합니다.
그래서 지금 무엇부터 하면 되나요?
- 휴대폰으로 내 홈페이지의 문의 버튼을 누르고, GA4 실시간 보고서의 ‘이벤트 이름별 이벤트 수’ 카드에 클릭 이벤트가 찍히는지 봅니다. 찍히면 관리 > 데이터 표시 > 이벤트에서 별표를 눌러 주요 이벤트로 표시합니다.
- 클릭 이벤트가 없다면 제작사에 이벤트 이름과 위치 매개변수를 정해 코드를 넣어 달라고 요청합니다. 이미 있다면 위치 매개변수를 맞춤 측정기준으로 등록하고, 이틀 뒤 보고서에서 위치별 클릭 수를 확인합니다.
자주 묻는 질문
주요 이벤트로 표시하면 지난달 클릭도 전환으로 잡히나요?
이벤트 목록에 cta_click이 보이지 않으면 어떻게 하나요?
GA4 주요 이벤트와 Google Ads 전환은 무엇이 다른가요?
NOAH가 문의 클릭을 재는 방식
이 글의 이벤트 이름과 위치 값은 노아 사이트 전 페이지에 실제로 붙인 공용 측정 스크립트에서 가져왔습니다. 지금 홈페이지에서 문의 버튼 클릭이 GA4에 잡히는지 모르겠다면 사이트 주소를 보내 주세요. 상담에서 사이트가 어떤 이벤트를 보내고 있는지, 무엇을 주요 이벤트로 표시하면 되는지 무료로 짚어 드립니다. 상담 후 결정은 안 하셔도 됩니다.
무료 상담 신청 →노아 핵심 가이드
홈페이지 제작 비용, 격차의 3가지 원인블로그 상위노출 — 알고리즘이 보는 신호병의원 마케팅 — 의료광고법 안에서 이기는 법플레이스 마케팅 — 지도 시대의 로컬 마케팅블로그 체험단 사이트 — 고르는 기준과 이용 팁참고 자료 — 애널리틱스 고객센터: 전환 및 주요 이벤트 · Google 블로그: Google Ads·애널리틱스 측정 정렬(2024년 3월) · 이벤트를 주요 이벤트로 표시하기 · 주요 이벤트 측정 방법(새 주요 이벤트) · 주요 이벤트 만들기 또는 수정하기 · 이벤트 이름 변경 · 이벤트 범위 맞춤 측정기준 만들기 · 향상된 측정 이벤트(page_view) · 자동 수집 이벤트 · 구성 한도 · 실시간 보고서 · DebugView에서 이벤트 모니터링하기 · 데이터 기록 빈도 · 추천 이벤트(generate_lead) · 주요 이벤트 기반 Google Ads 전환 만들기 · 자사: 노아 사이트 js/track.js(2026-10-09 도입)·js/script.js, 2026-10-21 확인