GA4 + 서치콘솔 붙이기
몇 명 왔고 어디를 눌렀나

• GA4(구글 애널리틱스) = 가게 안 CCTV. 들어온 손님이 어디를 보고 뭘 만졌는지. → 내 사이트에 들어온 뒤의 일
• 서치콘솔 = 가게 앞 거리 조사. 지나가는 사람이 뭐라고 검색했고, 우리 간판을 몇 번 보고 몇 번 들어왔는지. → 사이트에 오기 전의 일
• 태그(gtag) = 그 CCTV 본체. 페이지에 이 코드를 붙여야 GA4가 데이터를 받아. 안 붙이면 계정만 만들어놓고 화면은 영영 비어 있어.

왜 GA4야? (믹스패널·뷰저블·Vercel 안 쓰고)

• 무료 한도가 압도적 — 월 이벤트 수백만까지 공짜.
• 서치콘솔·구글 광고랑 그냥 붙어 — 검색 유입 → 방문 → 클릭 → 전환이 한 화면에서 이어져.
• Vercel Analytics는 무료 플랜이 비상업용 전용이고 커스텀 이벤트가 유료야. 돈 받고 파는 페이지면 결이 안 맞아.
• 믹스패널·앰플리튜드는 제품 안에서 유저 행동을 깊게 팔 때. 랜딩 하나엔 과해.

들어가는 길

애널리틱스를 처음 쓰면 측정 시작 버튼이 뜨고, 이미 계정이 있으면 왼쪽 아래 관리 → 만들기 → 계정으로 들어가.

진입 화면 보기 · 캡처 3장

1~2단계 — 계정 이름 · 시간대 · 통화

계정 = 회사, 속성 = 사이트 하나. 곡성은 계정을 노닥컴퍼니로 두고 그 아래 속성으로 곡성 워케이션 랜딩을 만들었어. 사이트마다 계정을 새로 파면 나중에 한눈에 못 봐.

1~2단계 화면 보기 · 캡처 5장

3~4단계 — 업종 · 목표 · 약관

업종·규모는 구글이 벤치마크를 보여주려고 묻는 거라 정확도가 크게 중요하지 않아. 곡성은 직업 교육 및 훈련 / 소규모(1~10명).

비즈니스 목표는 기본 보고서 구성을 바꿔. 랜딩이면 잠재고객 확보 + 사용자 행동 파악 정도면 충분해. 나중에 바꿀 수 있어.

3~4단계 + 약관 화면 보기 · 캡처 6장

5단계 — 데이터 수집(웹 스트림)

• 웹사이트 URL — gokseong.nodak.co.kr (앞의 https://는 왼쪽 드롭다운에서)
• 스트림 이름 — 사람이 알아볼 이름. 곡성 랜딩
• 향상된 측정은 켠 채로 둬. 스크롤·이탈 클릭·파일 다운로드를 코드 없이 자동으로 세줘.

5단계 + 측정 ID 화면 보기 · 캡처 5장

관리 → 데이터 스트림 → 스트림 클릭. 오른쪽 위에 G-로 시작하는 ID가 있어.

다시 찾아가는 경로 보기 · 캡처 3장

기본 태그

<head> 안, 되도록 위쪽에.

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
gtag('js',new Date());gtag('config','G-XXXXXXXXXX');
</script>

어느 자리 버튼이 눌리는지 세기

곡성 랜딩은 신청 버튼이 9개야(히어로·중간·가격표·맨 아래…). 하나하나 코드를 붙이는 대신, 클릭을 한 곳에서 받아서 그 버튼이 어느 자리였는지를 자동으로 붙였어.

document.addEventListener('click', function(e){
  var a = e.target.closest && e.target.closest('a[href*="apply.html"]');
  if(!a || typeof gtag !== 'function') return;
  var all = [].slice.call(document.querySelectorAll('a[href*="apply.html"]'));
  gtag('event','cta_click',{
    cta_location: locate(a),            // 버튼 바로 위 소제목
    cta_index: all.indexOf(a) + 1,      // 위에서 몇 번째 버튼인지
    cta_text: (a.innerText||'').trim()  // 버튼에 적힌 글자
  });
}, true);

locate()는 그 버튼보다 위에 있는 가장 가까운 제목을 찾아 붙이는 함수야. 그래서 나중에 "가격표 밑 버튼이 히어로 버튼보다 3배 눌린다" 같은 게 그냥 보여.

제출까지 이어붙이기

gtag('event', out.updated ? 'apply_update' : 'apply_submit', {
  event_category:'conversion', cohort:'2th'
});

이러면 방문 → 버튼 클릭 → 지원서 도달 → 제출까지 퍼널이 다 이어져.

배포하고 진짜 들어오는지 본다

실시간 보고서를 열어두고 다른 기기로 들어가 버튼을 눌러봐. 개발자도구 네트워크 탭에서 google-analytics.com/g/collect 요청이 나가는지 봐도 돼.

실시간 보고서 화면 보기 · 캡처 1장

속성 유형 — 도메인 vs URL 접두어

• 도메인 — nodak.co.kr과 모든 하위 도메인 전부. 대신 DNS 인증 필수.
• URL 접두어 — 입력한 그 주소 하나만. 대신 GA4 태그로 인증이 끝나.

소유권 확인 — 클릭 한 번

"소유권이 확인되었습니다"가 바로 떠. HTML 파일 업로드도, DNS도 필요 없어. 페이지에 이미 있는 gtag 코드를 구글이 읽고 "같은 구글 계정 사람이네" 하고 통과시켜.

sitemap 제출

왼쪽 메뉴 Sitemaps에서 주소 뒷부분만 넣어. 앞의 도메인은 이미 붙어 있어. sitemap.xml이라고 치고 제출.

서치콘솔 전 과정 보기 · 캡처 6장

• GA4 실시간 — 즉시
• GA4 일반 보고서 — 24~48시간
• 서치콘솔 색인 — 며칠~몇 주. 새 사이트는 원래 느려
• 서치콘솔 실적(검색어) — 색인된 뒤부터. 2~3일 지연이 기본