참고: 이 도움말은 analytics.js 스니펫으로 태그를 추가한 사이트에만 적용됩니다. gtag.js로 태그를 추가한 사이트에는 적용되지 않습니다.
Google 애널리틱스 이벤트를 사용하여 내 사이트 이외의 웹사이트로 사용자를 연결하는 링크에 대한 클릭을 캡처할 수 있습니다.
이 도움말에 나와 있는 내용은 다음과 같습니다.Google 태그 관리자
Google 태그 관리자를 사용하여 애널리틱스 설치를 관리하는 경우 애널리틱스 이벤트의 안내에 따라 이벤트를 구현하세요.
사이트에 직접 태그 추가하기
애널리틱스 태그를 사이트에 직접 추가한 경우 아래 스크립트를 복사하여 페이지에 붙여넣으면 외부 링크에 관한 이벤트 측정을 설정할 수 있습니다. 기본 애널리틱스 태그가 아닌 페이지 헤더에 이 스크립트를 추가해야 합니다.
이 스크립트를 그대로 복사하여 붙여넣으면 외부 클릭이 애널리틱스 이벤트 보고서에 '외부' 카테고리, '클릭' 액션으로 표시됩니다. 스니펫에서 이 부분은 굵은 글씨로 표시됩니다. 이 값을 사용하거나 변경해서 자신만의 값을 정의할 수 있습니다. 이벤트 요소에 대해 자세히 알아보기
이 예시에서는 analytics.js 태그를 사용하고 있다고 가정합니다. 기본 애널리틱스(ga.js)와 유니버설 애널리틱스(analytics.js) 중 어느 것을 사용 중인지 알아보세요.
수정
/**
* 애널리틱스에서 외부 링크 클릭을 캡처하는 함수입니다.
* 이 함수는 유효한 URL 문자열을 인수로 취하고, 해당 URL 문자열을
* 이벤트 라벨로 사용합니다. 이동 메소드를 'beacon'으로 설정하면
* 지원하는 브라우저에서 'navigator.sendBeacon'를 사용하여 조회를 전송할 수 있습니다.
*/
var captureOutboundLink = function(url) {
ga('send', 'event', 'outbound', 'click', url, {
'transport': 'beacon',
'hitCallback': function(){document.location = url;}
});
}
</script>
onclick
속성을 링크에 추가(또는 수정)하는 작업도 필요합니다. 다음 예시를 링크의 모델로 활용하세요.
<a href="http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">example.com 확인하기</a>
관련 자료