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

홈페이지의 헤더에 

<!-- 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
		});
}

 

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

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

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