[구글 애널리틱스] 웹페이지 이벤트 수집하기

홈페이지의 헤더에 

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=추적아이디"></script>
<script>   window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());    gtag('config', '추적아이디');
</script>

다음과 같은 구글 애널리틱스 코드를 삽입하여,

사용자 유입 정보를 수집하고 있었다. 

 

그런데 타 업체와 협업을 하면서, 해당 업체들의 홈페이지로 유입되는 이벤트를 카운팅할 일이 생겼다.

 

아래 링크의 구글 개발자 가이드에 따르면

수집을 원하는 이벤트가 발생할때 다음과 같은 코드를 실행하면되었다.

gtag('event', <action>, {
    'event_category': <category>,
        'event_label': <label>,
            'value': <value>
                });

developers.google.com/analytics/devguides/collection/gtagjs/events

 

결론적으로 타 업체의 홈페이지로 이동하는 버튼을 클릭할때 

아래와 같은 함수를 호출하여 문제를 해결했다.

function moveToXxx(){
    gtag('event', 'move_to_xxx', {
        'event_label': 'xxx',
        'event_category': 'click',
        'non_interaction': true
    });
}

 

해당 이벤트가 발생했을 때 구글 애널리틱스 홈페이지에서

행동 - 이벤트 탭을 클릭하면,

다음과 같이 확인할 수 있다.