프론트엔드를 위한 GA4 / GTM 왕초보 가이드라인

Dico·2025년 4월 29일
0

[SEO]

목록 보기
1/3
post-thumbnail

프론트엔드 개발자라면 어렵지 않게 마케팅측에서 GTM이나 GA 세팅 요청을 받게 된다.
셋업에서 더 나아가 GA에서 수집된 데이터를 활용, 분석할 줄 아는 프론트엔드 개발자가 되어보고자,
개발자를 위한 GA4/GTM 사용 가이드를 작성해보았다 :)


GA4 이벤트 종류

GA4의 이벤트는 크게 4종류로 나눌 수 있는데,
개별 프로젝트의 성격에 따라 필요한 이벤트를 취사선택 할 것!

자동 수집 이벤트 (Automatically collected events)

앱/웹에는 각각 GA4 연동 시 자동으로 수집되는 이벤트들이 있다.
애널리틱스 자동 수집 이벤트 공식문서를 참고하면 각 이벤트가 트리거 되는 시점과 매개변수를 확인할 수 있다.

향상된 이벤트 (Enhanced events)

코드 변경 없이 웹 데이터 스트림 옵션 설정만으로 내 컨텐츠와 유저와의 상호작용을 측정할 수 있다.
향상된 측정 이벤트 공식문서에서 데이터 스트림 설정 방법을 확인할 수 있다.

웹사이트가 특정 목적(온라인 판매, 리드 생성, 게임)에 부합한다면, GA4에서 추천하는 이벤트를 사용하면 좋다. 상세한 내용은 추천 이벤트 공식문서참고.

커스텀 이벤트 (Custom events)

미리 정의된 이벤트들 중에 어디에도 속하지 않는 액션을 분석하고 싶다면, 커스텀 이벤트를 생성해 수집할 수 있다.
상세한 내용은 커스텀 이벤트 공식문서참고.

Dimensions & Metrics

GA4에서 수집된 이벤트, 매개변수, 사용자 속성 등 모든 데이터는 DimensionsMetrics라는 항목으로 보고서를 생성하는 데에 사용할 수 있다.

❓그렇다면 Dimensions는 뭐고, Metrics는 또 뭘까?

  • Dimensions:
    "누가(who)", "무엇을(what)", "어디에서(where)"에 해당하는 데이터 측정기준
  • Metrics:
    "얼마나(how many)"에 해당하는 데이터 측정항목

좀 더 개발자스럽게 재표현해보자면, Metricsnumber 타입 데이터이고, Dimensionsnumber 타입을 제외한 그 외 모든 타입의 데이터가 된다. 실제로 Metrics는 숫자형 데이터'만' 받을 수 있다. 숫자가 아닌 데이터를 Metrics로 등록하면 가차없이 '0'이 나온다.

Ex. 결제 금액은 Metric, 결제된 상품은 Dimension

자동 수집 이벤트로 수집되는 이벤트와 매개변수는 보고서에서 기본적으로 dimensions와 metrics로 사용할 수 있게 추가되어 있다.
하지만 커스텀 이벤트(혹은 커스텀 매개변수도!)의 경우에는 직접 추가를 해줘야한다.
그래야지만 보고서에서 원하는 커스텀 이벤트를 dimensions와 metrics로 사용할 수가 있다.

커스텀 이벤트 직접 Dimensions & Metrics로 등록하기

커스텀 이벤트를 보고서에서 보고 싶다면 Custom Definitions에서 직접 Dimensions와 Metrics로 등록하는 단계를 '반드시' 거쳐야한다.
이걸 모르고 이벤트를 등록해놓고는 GA4에서는 보이지를 않아서 마냥 이벤트가 안쌓여서 그렇겠거니.. 하며 허송세월한 시간이 적지 않다 🫠

Custom Definitions 등록 방법:
Admin(좌측 사이드바 하단 톱니바퀴 아이콘 클릭) 페이지 👉 Data Display의 Custom definitions 페이지 👉 Custom metrics 탭(혹은 Custom dimensions)으로 이동 👉 Create custom metric 버튼 클릭

💡REMINDER
만약 스트링 타입의 데이터를 보내고 싶다면, Custom dimensions로 정의해줘야 한다.
나는 실수로 모든 타입을 Custom metrics에 등록하는 바람에 변경이 필요했다ㅠㅠ

그런데 Custom metricsCustom dimensions한 번 등록하면 삭제하는 기능이 없으므로 하려면 살짝 이름을 바꿔서 수정해두는 꼼수를 쓸 수밖에 없다고 한다. 혹은 우측의 점 세개 모양 아이콘을 눌러 Archive를 하면 다시 새로운 항목으로 등록이 가능하다.

불필요한 데이터 필터링 하기

수집된 데이터에서 내부 트래픽 혹은 개발용 트래픽을 제외하고 싶다면 필터링 메뉴로 필터 조건을 추가하면 된다.

개발용 트래픽 제외

Admin 페이지 👉 Data Filters 👉 Create data filter 버튼 클릭 👉 Developer traffic 타입 선택 및 옵션 설정 👉 Create 버튼 클릭



Filter state 종류:

  • Testing : 데이터는 보고서에 표시되나 "Test data filter name=Developer traffic" 이라는 dimension으로 식별 가능
  • Active : 완전 필터링 되어 보고서에 표시되지 않음
  • Inactive : 필터링 기능 비활성화

내부 트래픽 제외

내부 트래픽 제외 옵션을 등록하는 방법은 기본적으로 개발용 트래픽을 등록하는 방법과 동일하다.
다만, IP 주소를 등록해줘야 한다.

내부 IP 등록하는 방법:

Admin 페이지 👉 Data streams 👉 등록된 Stream 선택 👉 Configure tag settings 선택 👉 Show more로 메뉴 더보기 👉 Define internal traffic 선택 👉 Create 버튼 클릭 👉 IP address is in range (CIDR notation) 선택 (IP 복수 등록 옵션)






profile
깨진 창문을 내버려 두지 말기

0개의 댓글