gtag.js로 외부 링크 추적

Google 애널리틱스 이벤트를 사용하면 게시자 사이트 이외의 다른 웹사이트로 연결되는 링크에 대한 클릭을 추적할 수 있습니다.

애널리틱스 이벤트 추적을 설정하려면 HTML 수정과 자바스크립트 코딩에 대해 잘 알고 있어야 합니다. 또는 전문 웹 개발자의 도움을 받아도 됩니다.

기본 추적 코드를 설정하는 방법 자세히 알아보기

사이트에 바로 gtag.js 추적 코드를 추가한 경우 아래의 스크립트를 복사해서 페이지에 붙여넣으면 외부 링크에 대한 이벤트 추적을 설정할 수 있습니다.

이 스크립트를 여기에 표시된 대로 정확하게 복사하여 붙여넣으면 외부 클릭이 애널리틱스 이벤트 보고서에서 '외부' 카테고리, '클릭' 액션, 라벨 = URL로 표시됩니다. 스니펫에서 이 부분은 굵은 글씨로 표시됩니다. 이 값을 사용하거나 변경해서 자신만의 값을 정의할 수 있습니다. 이벤트 요소를 자세히 알아보세요.

수정
/**
* 애널리틱스에서 외부 링크에 대한 클릭을 추적하는 함수입니다.
* 이 함수는 유효한 URL 문자열을 인수로 취하고, 해당 URL 문자열을
* 이벤트 라벨로 사용합니다. 이동 메소드를 'beacon'으로 설정하면
* 지원하는 브라우저에서 'navigator.sendBeacon'를 사용하여 조회를 전송할 수 있습니다.
*/
var trackOutboundLink = function(url) {
  gtag('event', 'click', {
    'event_category': 'outbound',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){document.location = url;}
  });
}
</script>

onclick 속성을 링크에 추가(또는 수정)하는 작업도 필요합니다. 아래의 예를 이용해 링크를 수정하세요.

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">example.com 확인</a>

관련 자료

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?