실무에 바로 적용할 수 있는 웹 제작 꿀팁 및 유용한 자료실 공간입니다.
나눔웹이 제공하는 핵심 노하우와 마케팅 인사이트를 자유롭게 활용해 보십시오.

나눔웹 마케팅 꿀팁

GA4 문의 전환 설정법, 감사 페이지 도달로 실제 문의 수 세는 순서

광고비는 나가는데 홈페이지로 문의가 몇 건 들어왔는지 GA4에서 바로 안 보여 답답하셨던 적 있으신가요?
가장 확실한 방법은 문의가 접수된 뒤에만 열리는 감사(완료) 페이지 도달을 GA4 주요 이벤트로 지정하는 것입니다. 코드 수정 없이 GA4 관리 화면에서 설정할 수 있고, 유입 경로별 문의 수까지 함께 볼 수 있습니다.

💡 자동으로 잡히는 form_submit을 쓰면 안 되나요?

향상된 측정의 '양식 상호작용'은 폼 구조에 따라 잘 안 잡히거나, 필수 항목이 비어 전송이 실패해도 기록되는 경우가 있습니다. 실제 상담 리뉴얼 현장에서도 이 숫자와 관리자 메일 접수 건수가 맞지 않는 일이 잦았습니다. 완료 페이지는 접수에 성공해야만 열리기 때문에 숫자가 훨씬 정직합니다.

1. 문의 완료 페이지 주소부터 정리하기

전송 후 같은 화면에 "접수되었습니다" 문구만 띄우는 구조라면 GA4가 구분할 수 없습니다. /contact/thanks처럼 별도 주소로 이동하게 만들어 두세요. 이 페이지는 검색에 노출될 이유가 없으니 noindex 메타 태그도 함께 넣어 두면 좋습니다.

/* 문의 전송 흐름 */
문의 폼 작성
  → 서버 접수 성공
  → /contact/thanks 로 이동
  → (실패 시) 폼 화면에 오류 표시

2. GA4에서 '이벤트 만들기'로 문의 이벤트 새로 만들기

GA4 관리 메뉴의 이벤트 화면에서 새 이벤트를 만들고, 아래처럼 조건 두 개를 겁니다. 이벤트 이름은 나중에 보고서에서 알아보기 쉽게 inquiry_complete 정도로 지으면 됩니다.

/* 맞춤 이벤트 이름 */
inquiry_complete

/* 일치 조건 (둘 다 충족) */
event_name     같음     page_view
page_location  포함     /contact/thanks

3. 주요 이벤트로 표시하고 실제로 잡히는지 확인

예전 '전환'이라는 이름은 지금 GA4에서 주요 이벤트로 바뀌었습니다. 새 이벤트가 목록에 나타나면 주요 이벤트로 표시해 두세요. 이후 직접 테스트 문의를 한 번 넣고 실시간 보고서에 inquiry_complete가 뜨는지 봅니다. 표준 보고서에는 보통 하루 정도 늦게 반영되니, 당일 숫자가 비어 있어도 바로 설정을 의심할 필요는 없습니다.

점검 항목확인 포인트
새로고침 중복완료 페이지를 새로고침하면 한 번 더 셉니다
직접 접속완료 주소를 메뉴나 사이트맵에 노출하지 않기
내부 테스트테스트 접수 건은 메일 수와 비교해 따로 빼기

"방문자 수보다 먼저 세어야 할 것은 문의 수입니다."

나눔웹은 홈페이지를 넘길 때 문의 완료 페이지와 측정 설정까지 함께 맞춰,
광고 성과를 실제 접수 건수로 확인하실 수 있게 해 드립니다.


List of Articles
번호 분류 제목 글쓴이
» 마케팅 GA4 문의 전환 설정법, 감사 페이지 도달로 실제 문의 수 세는 순서 new 나눔웹
82 UI/UX 고정 헤더에 제목이 가려질 때, scroll-margin-top으로 앵커 맞추는 법 new 나눔웹
81 퍼블리싱 CSS 컨테이너 쿼리 쓰는 법, 화면이 아니라 카드 폭에 맞춰 반응하기 new 나눔웹
80 UI/UX 폼 에러가 입력 전에 뜨는 문제, :user-invalid로 고치는 법 나눔웹
79 모바일 모바일 브라우저 상단바 색 맞추기, theme-color 메타 태그 쓰는 법 나눔웹
78 마케팅 문의 완료 페이지 noindex 설정법, 검색에 잡히지 않게 막는 순서 나눔웹
77 UI/UX 문의란이 내용만큼 늘어나게, CSS field-sizing으로 맞추는 법 나눔웹
76 웹 성능 긴 페이지 스크롤이 무거울 때, content-visibility로 렌더링 줄이는 법 나눔웹
75 모바일 모바일 100vh 잘림, dvh·svh로 주소창 높이까지 맞추는 법 나눔웹
74 마케팅 구글 서치 콘솔 등록 방법, 새 홈페이지 소유권 확인부터 색인 요청까지 나눔웹
73 퍼블리싱 CSS :has() 선택자 활용법, 자식 상태에 따라 부모 박스 스타일 바꾸기 나눔웹
72 웹 성능 반응형 이미지 srcset 쓰는 법, 모바일에 PC용 큰 사진을 보내지 않으려면 나눔웹
71 퍼블리싱 제목 줄바꿈이 어색할 때, text-wrap: balance로 한 단어만 남는 문제 정리 나눔웹
70 마케팅 robots.txt 작성법, 검색에 안 보여야 할 페이지와 사이트맵 위치 알려주는 순서 나눔웹
69 UI/UX 스켈레톤 로딩 화면 만들기, 빈 화면 대신 회색 자리 표시로 기다림 줄이는 법 나눔웹
68 퍼블리싱 모바일에서 표(table)가 깨질 때, 가로 스크롤로 감싸거나 카드형으로 바꾸는 법 나눔웹
67 웹 성능 gzip 압축 설정법, 홈페이지 HTML·CSS 파일을 작게 보내 로딩 줄이는 순서 나눔웹
66 모바일 아이폰에서 숫자가 파란 전화 링크로 바뀔 때, format-detection으로 막는 법 나눔웹
65 마케팅 사이트맵(sitemap.xml) 만들기, 새 페이지가 검색에 늦게 잡힐 때 작성과 제출법 나눔웹
64 UI/UX FAQ 아코디언 만들기, details와 summary 태그로 스크립트 없이 접고 펴는 법 나눔웹
Board Pagination Prev 1 2 3 4 5 Next
/ 5
rhwlsghkcocndgus XE2.1.39 STAGE1.5.4