기존 구문

이 문서에서는 기존의 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) 구조의 하단에서 닫는 <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 추적 메서드 목록을 제공하며 전자상거래이벤트 추적 메서드와 같은 기본 보고서 사용별로 그룹화합니다.