?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

이제 Google Analytics 4의

Custom event를 살펴볼 차례입니다.

 

만약

Recommended Events의 개념을

머리속으로 정확히 떠올리실 수 없다면

이전 포스팅을 확인하셔야 합니다.

 

이전 포스팅 보러 가기

 

Universal Analytics에 익숙한 개발자라면

Google Analytics 4의 event model이

더 불편하고 장황하다고 느끼실 수도 있습니다.

 

왜냐하면

Universal Analytics에서는

Google Analytics 4의 Custom event만

단순하게 제공했기 때문입니다.

 

저희가

Universal Analytics의 event model부터

장황한 논의를 시작한 이유도

 

결국 

Google Analytics 4의 event model이

Universal Analytics의 event model을

개선한 것이기 때문입니다.

 

현재 구글에서도

Google Analytics 4와 Universal Analytics를

병행하라고 권고하기 때문에

 

구버전과 신버전을 비교하여 이해하는 것이

각 GA 보고서를 정확하게 분석하기 위해

매우 중요합니다.

 

1. 드디어 Google Analytics 4의 Custom event의 시간!

 

여러분이 수집하고 싶은 이벤트를

아래의 세 가지 분류에서 찾을 수 없다면

  • Automatically Collected Events
  • Enhanced Measurement
  • Recommended Events

마침내,

Google Analytics 4의 마지막 event 모델인

Custom Event를 살펴봐야 합니다.

 

이제서야 말씀드릴 수 있는 사실은,

Custom Events를 설정하는 방법은

Recommended Events 방법과

거의 동일하다는 것입니다.

 

Evnet Name을 여러분 뜻대로 정하는 것이

단 한가지 차이점입니다.

 

다르게 말하면,

Recommended Events와 Custom Events의

기술적인 차이는 전혀 없고

 

단지,

Google Analytics 4가 정해준 Evnet Name을 선택하면

Google Analytics 4가 Machine Learning 등의 첨단 기술로

여러분의 분석 혹은 예측 업무를 도와줄 것이라고

기대할 수 있다는 정도입니다.

 

예를 들어,

여러분의 사이트에 문의 신청 button을

클릭하는 event를 수집하고 싶다면

Event Name은 아래와 같을 수 있습니다.

  • call_to_action
  • cta_click
  • cta

GA4의 규칙만 준수하시면

그 외의 다른 이름도 얼마든지 가능합니다.

 

더하여,

단일 프로퍼티에서 최대 500개의 

Custome Event Name만 등록할 수 있습니다.

 

2. gtag API로 Google Analytics 4 Custom Events 구현하기

 

여러분의 GA4 기본 snippet code가 설치된 사이트에서

테스트 HTML 페이지를 생성하고

아래와 같은 코드를 작성합니다.

 

<a href="#" onclick="sendGa4Click();">GA4 CTA click custom event</a> <script>
function sendGa4Click()
{
    console.log('sv_custom_click link clicked');
    gtag('event', 'click', {
        click_text: 'sv_custom_click'
    });
}
</script>

 

위와 동일한 코드로 

본 페이지에 아래의 링크를 표시했습니다.

 

GA4 CTA click custom event

 

3. Google Analytics 4 DebugView에서 Custom Event 확인하기

 

이전 포스팅의 마지막에 다룬

Google Analytics 4 DebugView를 활성화하세요.

 

이 단계가 어색하시다면

아래의 포스팅에서 확인하실 수 있습니다.

 

http://singleview.co.kr/blog/19115

 

Google Analytics 4 DebugView를 활성화한 후

위의 코드로 생성하신 링크를 클릭하면

아래와 같이 click이라는 이벤트가 나타납니다.

 

구글애널리틱스4_커스텀이벤트_실습_1.png

 

실시간 타임라인에 [click]으로 표시된 이벤트를 클릭하시면

아래의 화면과 같이

click_text: sv_custom_click 이라는 값이

위의 코드에서 구현한 대로 표시됩니다.

 

구글애널리틱스4_커스텀이벤트_실습_2.png

 

여기까지 완료하셨다면

Custom Events가 성공적으로 전송된 것이지만

Google Analytics 4의 Report > Engagement > Events

화면에는 아래와 같이 click 이라고만 표시됩니다.

 

구글애널리틱스4_커스텀이벤트_실습_3.png

 

왜냐하면 

아래의 코드와 같이

gtag('event', 'click', {params});

click 이라는 명칭의 custom event를 

전송했기 때문입니다.

 

하지만

보고서에서 보고 싶은 것은

click이라는 Custom Events 명칭보다는

 

click_text라는 값이 sv_custom_click인

Custom Events입니다.

 

이제 Custom Events를 직관적으로 

보고서에 표시하는 설정을 할 차레입니다.

 

4. Google Analytics 4 DebugView에서 Custom Event 확인하기

 

Google Analytics 4의 Configure 화면에서 

 

구글애널리틱스4_커스텀이벤트_실습_4.png

 

보고서에서 확인하려는 Custom Event를

아래와 같이 매치시켜 줘야 합니다.

 

Custom event name은

보고서에서 표시하는 이변트명입니다.

 

Matching Conditions 영역의

빨간 테두리로 표시된 입력값은

위의 JS 코드에서 입력한 값과 동일합니다.

 

구글애널리틱스4_커스텀이벤트_실습_5.png

 

쉽게 말해,

전송한 Custom Event를 잡아채서

sv_cta_clicked라는 명칭으로 전환하라는 명령입니다.

 

여기까지 성공적으로 완료하신 후

위에서 작성한 CTA 링크를 클릭하시고

Google Analytics 4의 Report > Realtime 화면으로 이동하면

click과 sv_cta_clicked Custom Events가 

동시에 표시되는 것을 확인하실 수 있습니다.

 

구글애널리틱스4_커스텀이벤트_실습_6.png

 

Custom Events가 성공적으로 전송된 다음 날부터

Google Analytics 4의 Report > Engagement > Events

화면에서도 sv_cta_clicked를 확인하실 수 있습니다.

 

5. Google Analytics 4 Conversion으로 확인하기

 

사실, 

Google Analytics 4의 Report > Engagement > Events

화면에는 이미 최소한

Automatically Collected Events와

Enhanced Measurement에 속한

여러 종류의 이벤트가 쌓이기 때문에

 

애써서 작성한 sv_cta_clicked를

확인하기 어려울 수도 있습니다.

 

그런 경우에는

아래의 그림과 같이

sv_cta_clicked라는 Custom Events를

Conversion으로 설정하면 

 

구글애널리틱스4_커스텀이벤트_실습_7.png

 

Google Analytics 4의 Report > Engagement > Conversions

화면에서 따로 확인할 수 있어서 더 편리합니다.

 

구글애널리틱스4_커스텀이벤트_실습_8.png

 

Google Analytics 4의 Conversion은

별도로 확인할 수 있는 Event 이상의 개념이지만

그 논의는 본 포스팅의 범위를

많이 벗어나기 때문에 일단 생략하겠습니다.

 

이제

Google Analytics 4의 Event Model을 모두 살펴봤습니다.

 

여기까지 오시느라 수고가 많으셨습니다.

 

그런데 사실,

여기까지 오신 이유는

Google Analytics 4의 Ecommerce purchases 보고서를

작동시키기 위한 기초 정보를 이해하기 위해서 였습니다.

 

한숨 돌리신 후

Google Analytics 4의 Ecommerce 세팅의 세계로

모험을 시작하겠습니다.

 

조금만 더 힘을 내세요!

이제 정말 최종 목적지에 거의 다 왔습니다.

 

대부분의 온라인 마케팅 실무자분들께서

Google Analytics 4를 공부하는 이유는

Google Analytics 4의 Event Model을 

전문가 강사 수준으로 이해하고

누군가를 가르치시려는 목적이 아니고

 

Google Analytics 4를 이용해서

데이터 수집과 분석을 정확히 하고

본인의 업무 목적을 달성하기 위해서일 것입니다.

 

그렇기 때문에

Google Analytics 4의

Ecommerce 세팅까지 충분히 이해하셔야

Google Analytics 4를 이해했다고

말할 수 있습니다.

?

  1. 08
    May 2022
    17:57

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 6

    지난 포스팅에서는 모바일 페이지에서 불필요해 보이는 섹션을 제거하고 원본 페이지와 AB split test를 시행해보니 예상과 달리, 회원 가입 전환율이 오히려 하락한 상황까지 살펴봤습니다. 지난 포스팅 보러가기 1. UX 테스트는 하는 것이 하지 않는 것보다 ...
    Bysingleview.co.kr Views12
    Read More
  2. 01
    May 2022
    11:32

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 5

    온라인으로 컨텐츠 서비스를 확장 중이지만 재무 성과가 기대에 미치지 못해서 고민에 빠진 전통 잡지사의 현황을 측정하기 위해 Click Heatmap과 Scroll Depth %라는 측정 도구를 적용하기로 결정한 의사 결정 과정을 지난 포스팅에서 간단히 알아봤습니다. ...
    Bysingleview.co.kr Views20
    Read More
  3. 23
    Apr 2022
    13:49

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 4

    구글 태그 매니저를 이용해서 Click Heatmap과 Scroll depth %의 로우 데이터를 직접 더 정교하게 수집하는 방법을 지난 포스팅에서 자세히 알아보았습니다. 지난 포스팅 보러가기 이제 수집된 로우 데이터를 분석해서 시행 방안을 개선해야할 차례입니다. 이 ...
    Bysingleview.co.kr Views57
    Read More
  4. 17
    Apr 2022
    17:32

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 3

    지난 포스팅에서는 유료 솔루션을 사용하지 않고 Click Heatmap의 로우 데이터를 직접 더 정교하게 수집하는 방법 중에서 저수준 자바스크립트 API로 구글 애널리틱스에 직접 전송하는 방식을 자세히 알아봤습니다. 이전 포스팅 보러가기 이번 포스팅에서는 구...
    Bysingleview.co.kr Views60
    Read More
  5. 10
    Apr 2022
    13:48

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 2

    지난 포스팅에서는 현재 웹사이트의 UX 평가 과정에서 Click Heatmap이 매우 유용한 도구이지만 몇 가지 분명한 한계 때문에 체험판을 넘어서는 기능을 이용하기 위해 비용을 지불하는 절차가 매우 번거롭게 느껴질 수 있는 이유를 간략히 알아봤습니다. 이전 ...
    Bysingleview.co.kr Views78
    Read More
  6. 03
    Apr 2022
    14:07

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 1

    이번 포스팅부터 몇 회에 걸쳐 UX 평가에 매우 유용한 도구인 Click 혹은 Scroll 시각화를 구글 태그 매니저와 구글 애널리틱스를 활용하여 직접 측정하는 방법을 알아보겠습니다. 웹 사이트의 UI와 관련된 업무를 하다보면 UX에 관한 고민이 시작될 수 밖에 ...
    Bysingleview.co.kr Views73
    Read More
  7. 27
    Mar 2022
    17:02

    Xpress Engine 1.11.6을 PHP 8.0으로 마이그레이션 완료

    프로젝트의 필요에 의해서 우연히 Xpress Engine 1.11.6을 PHP 8.0으로 마이그레이션하게 되었습니다. 아래의 페이지에서 PHP 8.0에 포팅된 Xpress Engine 1.11.6을 살펴보시고 다운로드하실 수 있습니다. http://singleview.co.kr/appstore/20011 정확히는 저...
    Bysingleview.co.kr Views63
    Read More
  8. 13
    Nov 2021
    15:30

    구글 데이터 스튜디오를 이용해서 애널리틱스 4의 구매 전환율 확인하는 방법

    신버전인 구글 애널리틱스 4는 구버전인 유니서벌 애널리틱스에 비해서 데이터 모델을 근본적으로 혁신해서 더 강력하고 유연한 기능을 제공하지만 구버전인 유니버설 애널리틱스에 비해서 의외의 약점이 있습니다. 이번 포스팅에서는 신버전인 구글 애널리틱...
    Bysingleview.co.kr Views488
    Read More
  9. 06
    Nov 2021
    11:26

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 마지막

    이번 포스팅에서는 Explorer 화면으로 접근하실 수 있는 FUNNEL 보고서를 활용하는 사례를 살펴보겠습니다. 지난 포스팅에서는 구글 애널리틱스 4의 Explorer 화면 중 Tab Settings 탭을 자세히 알아봤습니다. Explorer 화면 중 Tab Settings 탭 알아보기 그런...
    Bysingleview.co.kr Views455
    Read More
  10. 30
    Oct 2021
    15:01

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 2

    지난 포스팅에서는 구글 애널리틱스 4의 Explorer 화면 중 Variables 탭을 자세히 알아봤습니다. Explorer 화면 중 Variables 탭 알아보기 이번 포스팅에서는 Explorer 화면 중 Tab Settings 탭을 살펴보겠습니다. 1. Tab Settings 탭의 속성 이해하기 이 탭은...
    Bysingleview.co.kr Views639
    Read More
  11. 24
    Oct 2021
    06:34

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 1

    오늘은 구글 애널리틱스 4의 구매 전환 FUNNEL 보고서를 생성하는 방법을 살펴 보겠습니다. 지금까지 gaectk.js와 구글 태그 매니저를 이용해서 구글 애널리틱스 4(=신버전), 유니버설 애널리특스(=구버전)의 이커머스 데이터를 통합하여 수집하는 설정 방법을...
    Bysingleview.co.kr Views425
    Read More
  12. 16
    Oct 2021
    09:44

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - Google Analytics 4 + GTM + gaectk.js

    이번 포스팅에서는 구글 태그 매니저를 이용해서 구글 애널리틱스 4(=신버전)의 이커머스 데이터 수집 설정 방법을 살펴보겠습니다. 동일한 상황에서 유니버설 애널리틱스(=구버전)의 이커머스 데이터 수집 설정 방법이 궁금하시다면 전 포스팅을 확인해 주세...
    Bysingleview.co.kr Views168
    Read More
  13. 05
    Oct 2021
    11:28

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - Universal Analytics + GTM + gaectk.js

    지금까지 구글 애널리틱스의 이커머스 데이터 수집 방식에서 유니버설 애널리틱스와 구글 애널리틱스 4 구글 태그 매니저의 복잡한 상호 관계에 대해서 정확히 이해하기 위해 상당히 많은 시간을 할애했습니다. 이제 구글 태그 매니저를 이용해서 유니버설 애...
    Bysingleview.co.kr Views175
    Read More
  14. 26
    Sep 2021
    20:01

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - 2

    이전 포스팅에서는 이커머스 데이터 수집 기능과 관련된 유니버설 애널리틱스와 구글 애널리틱스 4의 같은 점과 다른 점을 개략적으로 살펴봤습니다. 이전 포스팅 보러 가기 더하여, 유니버설 애널리틱스와 구글 애널리틱스 4의 이벤트 데이터 모델을 충분히 ...
    Bysingleview.co.kr Views183
    Read More
  15. 22
    Sep 2021
    12:59

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - 1

    지금까지 유니버설 애널리틱스와 구글 애널리틱스 4의 이벤트 데이터 모델을 자세히 살펴 본 이유는 결국 이커머스 데이터를 수집하고 분석하기 위한 기초 지식이었다고 해도 과언이 아닙니다. 구글 애널리틱스의 버전과 무관하게 이커머스 데이터도 이벤트를 ...
    Bysingleview.co.kr Views361
    Read More
  16. 12
    Sep 2021
    09:34

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 5

    이제 Google Analytics 4의 Custom event를 살펴볼 차례입니다. 만약 Recommended Events의 개념을 머리속으로 정확히 떠올리실 수 없다면 이전 포스팅을 확인하셔야 합니다. 이전 포스팅 보러 가기 Universal Analytics에 익숙한 개발자라면 Google Analytics...
    Bysingleview.co.kr Views233
    Read More
  17. 04
    Sep 2021
    20:44

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 4

    Universal Analytics는 session base의 Analytics였습니다. 하지만 Google Analytics 4는 event base의 Analytics로 변신했습니다. 그래서 Google Analytics 4를 이해하는 노력은 Google Analytics 4가 제공하는 다양한 기본 혹은 사용자 정의 이벤트를 이해하...
    Bysingleview.co.kr Views218
    Read More
  18. 28
    Aug 2021
    17:57

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 3

    이번 포스팅에서는 Google Analytics 4의 이벤트 추적과 수집 기능을 자세하게 알아 보겠습ㄴ다. 사실 이전의 두 포스팅은 Google Analytics 4의 이벤트 추적 기능을 본격적으로 살펴보기 위한 워밍업이었다 해도 과언이 아닙니다. 이전 포스팅 보러 가기 저희...
    Bysingleview.co.kr Views252
    Read More
  19. 21
    Aug 2021
    11:29

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 2

    이전 포스팅에서는 구글 애널리틱스의 가장 핵심적인 모델 중 하나인 구글 애널리틱스 이벤트 데이터 모델을 살펴보기 시작했습니다. 구글 애널리틱스의 이벤트 데이터 모델 알아보기 구글 애널리틱스 이벤트 데이터 모델을 충분히 이해하셨다면 이번 포스팅에...
    Bysingleview.co.kr Views244
    Read More
  20. 11
    Aug 2021
    17:49

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 1

    구글 애널리틱스 v4는 그 직전 버전인 유니버설 애널리틱스와 구조적으로 많이 다릅니다. 구글에서 일하는 개발자들에게도 서비스의 구조 변화는 달갑지 않은 도전이죠. 구글이 Urchin을 인수한 후에도 계속하여 개선했지만 현재의 인터넷 사용 방식과 기술은 ...
    Bysingleview.co.kr Views8968
    Read More
Board Pagination Prev 1 2 3 Next
/ 3
SEARCH