기존 구문

이 문서에서는 기존 ga.js 추적 코드 스니펫을 사용하여 웹사이트에 애널리틱스 추적을 설정하는 방법을 설명합니다. 추적을 처음 설정하는 경우에는 추적 사이트에 설명된 기본 추적 코드 스니펫을 사용하는 것이 좋습니다.

웹 속성에서 추적을 설정하는 데는 표준 설정과 맞춤 설정의 두 가지 기본 방법이 있습니다. 이 문서에서는 이러한 방법과 관련 주제를 다룹니다.

사이트에 ga.js 추적 코드를 올바르게 설치하면 보고서 데이터가 전송되기 시작합니다. 보고서 데이터는 추적 코드를 설정한 후 24시간 이내에 보고서에 표시됩니다.

표준 설정

Google 애널리틱스 웹사이트에서 처음 추적 구현을 시작하는 경우 웹사이트 페이지에 추적 코드를 설치해야 합니다. 일반 추적 코드는 ga.js 추적 코드를 참조하는 스크립트 태그와 추적 코드를 실행하는 스크립트로 구성됩니다.

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
  var pageTracker = _gat._getTracker("UA-xxxxxx-x");
  pageTracker._trackPageview();
} catch(err) {}
</script>

이 추적 코드 스니펫은 사이트의 페이지에 포함되어 페이지의 HTML (또는 생성된 HTML) 구조 하단에서 닫는 <body> 태그 앞에 표시되도록 합니다. 자세한 내용은 추적 코드 실행의 로직을 설명하는 기능 개요를 참고하세요.

참고: 여러 도메인 또는 여러 하위 디렉토리에 걸쳐 있는 웹 속성에 대한 추적을 설정하는 경우 보기 (프로필)에 대한 정확한 보고 데이터를 얻으려면 추적 코드를 수정해야 합니다. 또한 큰 도메인의 하위 디렉터리에 대한 보기 (프로필)를 설정하는 경우 추적 코드도 수정해야 합니다. 자세한 내용은 도메인 및 디렉토리 가이드를 참조하세요.

추적 코드 스크립트—1부

스크립트 태그의 첫 번째 부분 (위 코드의 1~4행으로 표시)은 자바스크립트를 사용하여 요청된 페이지의 HTTP 프로토콜이 보안 또는 표준인지 동적으로 결정합니다. 그런 다음 적절한 프로토콜을 사용하여 추적 코드를 참조합니다. 따라서 사이트의 한 페이지가 표준 HTTP 프로토콜을 통해 전송되는 경우 결과 문자열은 다음과 같습니다.

<script src='http://www.google-analytics.com/ga.js' type='text/javascript'>

다른 페이지가 보안 연결을 통해 전송되는 경우 결과 문자열은 다음과 같습니다.

<script src='https://ssl.google-analytics.com/ga.js' type='text/javascript'>

보안 페이지와 비보안 페이지가 섞여 있는 경우 적절한 연결을 결정할 수 있도록 초기 스크립트 태그를 지정된 그대로 둡니다. 사이트의 모든 페이지가 표준 HTTP를 통해 게재되는 경우 첫 번째 태그를 더 간단한 Google 애널리틱스 추적 코드 호출로 바꿀 수 있습니다.

추적 코드 스크립트—2부

두 번째 자바스크립트 태그에는 페이지 데이터에 대한 추적 호출을 실행하는 데 필요한 메서드가 포함되어 있습니다. 추적 코드의 이 부분에도 사이트의 모든 페이지에 적용할 맞춤 방법이 포함되어야 합니다. 초기화 및 메서드는 모두 try/catch 블록 내에 배치되므로 모든 자바스크립트 오류가 방문자에게 영향을 주지 않고 처리됩니다.

일반 추적 스니펫에서 제공되는 메서드 호출의 순서는 중요하므로 웹사이트의 목적에 맞게 추적 코드를 변경할 때는 다음과 같은 일반적인 가이드라인을 따라야 합니다.

  • 추적 스크립트의 첫 번째 줄은 항상 페이지 추적 광고 객체를 초기화해야 합니다. 
  • var pageTracker = _gat._getTracker("UA-123456-1");
    표준 추적 코드의 첫 번째 줄은 매개변수로 제공된 Google 애널리틱스 웹 속성 ID로 기본 추적기 객체를 초기화합니다. 후속 메서드 호출에서는 해당 객체를 사용합니다.
  • 추적 코드 스니펫의 마지막 줄은 _trackPageview() 메서드를 호출해야 합니다.
    값을 설정하거나 초기화하는 모든 커스텀 메서드 호출은 _trackPageview() 앞에 삽입해야 합니다.
    // put in customized calls after pageTracker object and before_trackPageview() methods
    pageTracker.setAllowLinker(true);
    pageTracker._trackPageview();

추적 코드 삽입 위치

추적 코드는 페이지 콘텐츠 로드가 완료된 페이지에서 데이터를 읽도록 설계되었습니다. 따라서 스니펫은 웹페이지의 닫는 </body> 태그 바로 앞에 위치해야 합니다. 페이지의 콘텐츠가 로드되고 나면 추적 코드가 DOM (문서 개체 모델)에 따라 페이지의 콘텐츠를 읽습니다. 추적과 관련된 모든 정보가 페이지 정보를 설정하고, 쿠키를 설정/업데이트하고, Google 애널리틱스 서버로 GIF 요청을 보내는 데 사용됩니다.

스크립트를 페이지 본문의 끝에 배치하여 추적 코드가 DOM의 마지막 요소로 실행되도록 합니다. 어떤 이유로든 특정 페이지 로드가 중단되면 해당 페이지 뷰에 대한 GIF 요청이 실행되지 않을 수 있습니다. 그러나 추적 코드를 페이지 상단에 배치할 경우 추적 코드에서 페이지 데이터를 기반으로 하기 때문에 로드가 중단되면 보고가 불완전하거나 정확하지 않을 수 있습니다.

또한 페이지 하단에 추적 코드 호출을 실제로 배치하는 것이 onLoad() 함수를 사용하여 추적 코드를 호출하는 것보다 더 효과적입니다. onLoad()를 사용하여 추적 코드를 실행하면 DOM이 아닌 브라우저의 이벤트 모델을 사용하여 추적 코드가 실행됩니다. 이러한 상황에서 원격 이미지가 페이지에 로드되지 않으면 onLoad()는 호출되지 않지만 페이지의 DOM은 완전히 로드할 수 있습니다.

설정 맞춤설정

Google 애널리틱스를 맞춤설정하여 보고 데이터가 표시되는 방식을 수정할 수 있습니다.가장 기본적인 웹사이트를 제외한 대부분의 웹사이트에서 기본 설정을 조정하면 도움이 될 수 있습니다.실제로 사이트에 다음과 같은 특징이 있는 경우 방문자 행동을 정확하게 보고하려면 추적 코드를 수정해야 합니다.

  • 전자상거래: 전자상거래 사이트 또는 장바구니를 운영 중이며 구매와 관련된 방문자 활동을 추적하려고 합니다.
  • 여러 도메인: 웹사이트가 여러 호스트 이름 또는 도메인에 걸쳐 있고 이러한 속성에서 방문자 활동 (장바구니 활동 포함)을 추적하려고 합니다.
  • 서드 파티 장바구니: 하위 디렉터리에 있는 제공업체가 웹사이트를 호스팅하고 호스트 사이트의 다른 디렉터리에 있는 웹사이트 일부 (예: 장바구니)에서 방문자 활동을 추적하려고 합니다.
  • 맞춤 캠페인 추적 변수: 사용할 맞춤 캠페인 추적 변수가 포함된 사이트 링크가 이미 있습니다.

이 외에도 방문자 세션 길이 조정, 캠페인 세션 길이 변경 또는 브라우저 정보 수집 중지와 같은 표준 Google 애널리틱스 보고 동작을 조정할 수 있습니다.

보고서는 다음과 같은 두 가지 기본 영역에서 맞춤설정할 수 있습니다.

  • Google 애널리틱스 보고서의 관리 인터페이스
  • 웹페이지에서 추가 추적 코드 방법 사용

관리 인터페이스를 사용하여 맞춤설정

관리 인터페이스에서는 보고서의 데이터 표시를 미세 조정하는 데 사용할 수 있는 다음과 같은 기능을 제공합니다.

  • 목표
    사용자가 방문할 것으로 예상되는 사이트의 주요 페이지에 대한 목표를 설정합니다.전자상거래 사이트에서 장바구니, 주문 양식, 주문 확인과 같은 일련의 관련 페이지에 있는 최종 구매 페이지에 대한 통계를 확인하기 위해 목표가 가장 흔하게 사용됩니다.하지만 방법 프로세스에 대한 단계별 안내나 블로그의 '더보기' 링크와 같은 다른 시나리오에서도 목표를 사용할 수 있습니다. 목표에 대해 자세히 알아보려면 목표 정보를 참고하세요.
  • 보기 (프로필) 및 필터
    개별 보고서 사용자에 대해 보기 (프로필)를 설정하여 해당 보고서에서 특정 콘텐츠를 포함하거나 제외할 수 있습니다. 이 기능은 매우 큰 웹사이트에서 한 섹션에 대한 페이지 통계를 다른 섹션과 독립적으로 확인하려는 경우 유용합니다.예를 들어 웹사이트에서 의류 전용 섹션이 있고 다른 섹션은 전자제품만 판매하는 경우 모든 의류와 관련된 의류 페이지 통계를 분석하고 전자제품과는 별도로 분석하고자 할 수 있습니다. 웹사이트의 특정 섹션을 제외하기 위해 보기 (프로필)를 사용하면 허용된 페이지에 대해서만 콘텐츠 보고서가 제한됩니다. 보기 (프로필)필터에 대한 유용한 정보는 도움말 센터를 참조하세요.

추가 추적 코드 방법으로 맞춤설정하기

GATC에서는 사이트의 필요에 맞게 추적 코드를 구성하는 데 사용할 수 있는 다양한 방법을 제공합니다. 사이트의 한 페이지에서 urchin.js 추적 코드 또는 ga.js 추적 코드 중 하나와 관련 메서드를 사용해야 하며, 둘 다 사용해서는 안 됩니다. 

한 페이지에서 두 가지 추적 코드를 모두 사용하면 해당 페이지에 보고 오류가 발생할 수 있으므로 권장하지 않습니다. 

추적 코드 구성이 필요한 가장 일반적인 시나리오는 전자상거래 추적에 설명되어 있습니다. 또한 Tracking API는 사용할 수 있는 모든 ga.js 추적 메서드의 목록을 제공하며 전자상거래 이벤트 추적 메서드와 같은 기본 보고 용도별로 메서드를 그룹화합니다.