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>

관련 자료

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?
true
나에게 맞는 학습 과정 선택하기

Google 애널리틱스 4를 최대한 활용하는 데 도움이 되는 새로운 리소스인 google.com/analytics/learn을 확인해보세요. 새 웹사이트는 동영상, 도움말, 안내 가이드와 함께 Google 애널리틱스 Discord, 블로그, YouTube 채널, GitHub 저장소 링크를 제공합니다.

지금 학습 시작하기

검색
검색어 지우기
검색 닫기
기본 메뉴
11102143345749847996
true
도움말 센터 검색
true
true
true
true
true
69256
false
false