교차 도메인 추적 설정하기(analytics.js)

교차 도메인 추적을 이용하면 애널리틱스 시스템이 관련 사이트 2개(예: 전자상거래 사이트와 별도의 장바구니 사이트)에서 발생하는 여러 세션을 단일 세션으로 인식할 수 있습니다. 일부 경우에는 이러한 방식을 사이트 연결이라고 합니다.

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

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

In this article:

교차 도메인 추적 개요

세션을 추적하기 위해 애널리틱스는 모든 조회 시 Client-ID 값을 수집합니다. Client-ID 값은 쿠키에 저장됩니다. 쿠키는 도메인을 기준으로 저장되고 하나의 도메인에 있는 웹사이트는 다른 도메인에 대해 설정된 쿠키에 액세스할 수 없습니다. 여러 도메인에서 세션을 추적할 때 Client-ID 값이 도메인 간에 전달되어야 합니다. 이를 위해 애널리틱스 추적 코드에는 소스 도메인이 Client-ID를 대상 도메인에서 액세스할 수 있는 링크의 URL 매개변수에 추가할 수 있는 연결 기능이 있습니다.

Google 태그 관리자를 사용하여 교차 도메인 추적 설정

Google 태그 관리자를 사용하여 애널리틱스 추적을 관리하는 경우 교차 도메인 추적에 나와 있는 안내를 따르세요.

추적 코드를 수정하여 교차 도메인 추적 설정

여러 최상위 도메인에 대한 교차 도메인 추적을 설정하려면 각 도메인에서 애널리틱스 추적 코드를 수정해야 합니다. 이 작업을 위해서는 HTML과 자바스크립트에 대한 기본 지식이 필요합니다. 기본 지식이 없는 경우 개발자에게 교차 도메인 추적의 설정을 요청하세요. 이 도움말의 예에서는 유니버설 애널리틱스 추적 코드 스니펫(analytics.js)을 사용합니다.

  1. 애널리틱스 계정에서 속성을 설정합니다.
    교차 도메인 추적을 위해 애널리틱스 계정에서 속성 1개를 설정하세요. 이 속성의 추적 코드 스니펫과 추적 ID를 모든 도메인에서 사용합니다.

    교차 도메인 추적이 실행되려면 추적 코드 스니펫을 수정해야 합니다. 일부 웹페이지에만 추적 코드를 삽입한 경우에는 추적 코드를 복사해서 텍스트 편집기에 붙여넣은 다음에 이 도움말에 나온 안내를 따르시기 바랍니다. 이렇게 하면 모든 웹페이지에 수정된 추적 코드를 넣기 전에 추적 코드를 한 번만 변경하면 됩니다.

  2. 기본 도메인에 대한 추적 코드를 수정합니다.
    추적 코드 스니펫에서 create 줄을 찾으세요. example-1.com이라는 웹사이트에서는 다음과 같이 표시됩니다.

     

      ga('create', 'UA-XXXXXXX-Y', 'example-1.com');

    이 스니펫을 다음과 같이 변경합니다(빨간색 굵은 글씨로 표시된 부분이 변경해야 하는 부분임).

      ga('create', 'UA-XXXXXXX-Y', 'auto', {'allowLinker': true});
      ga('require', 'linker');
      ga('linker:autoLink', ['example-2.com'] );

    위의 예에서 추적 ID(UA-XXXXXX-Y)를 자신의 실제 추적 ID로 바꾸고, 보조 도메인(example-2.com)도 실제 보조 도메인 이름으로 바꿔야 합니다.



    추적 코드 스니펫이 기본 도메인에서 사용될 때마다 이 변경사항이 추적 코드 스니펫에 적용되어 있어야 합니다.

     

    도메인이 3개 이상인 경우

    위의 예를 따라 진행하면서, 자동링크 플러그인에 다른 도메인을 추가해야 합니다. 여기에서는 추가된 쉼표도 중요합니다.

    ga('linker:autoLink', ['example-2.com', 'example-3.com'] );
    전체 코드 스니펫의 예 보기

    기본 도메인의 추적 코드 스니펫은 다음과 같이 표시됩니다.

    <script>

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-XXXXXXX-Y', 'auto', {'allowLinker': true});
    ga('require', 'linker');
    ga('linker:autoLink', ['example-2.com'] );

    ga('send', 'pageview');

    </script>
  3. 보조 도메인에서 추적 코드를 수정합니다.

    추적 코드 스니펫에서 create 줄을 찾으세요. 이 스니펫을 다음과 같이 변경합니다(빨간색 굵은 글씨로 표시된 부분이 변경해야 하는 부분임).

      ga('create', 'UA-XXXXXXX-Y', 'auto', {'allowLinker': true});
      ga('require', 'linker');
      ga('linker:autoLink', ['example-1.com'] );

    위의 예에서 추적 ID(UA-XXXXXX-Y)를 자신의 실제 추적 ID로 바꾸고, 기본 도메인(example-1.com)도 실제 기본 도메인 이름으로 바꿔야 합니다.

    추적 코드 스니펫이 보조 도메인에서 사용될 때마다 이 변경사항이 추적 코드 스니펫에 적용되어 있어야 합니다.

    도메인이 3개 이상인 경우

    위의 예를 따라 진행하면서, 자동링크 플러그인에 다른 도메인을 추가해야 합니다. 여기에서는 추가된 쉼표도 중요합니다.

    ga('linker:autoLink', ['example-1.com', 'example-3.com'] );
    전체 코드 스니펫의 예 보기

    보조 도메인의 추적 코드 스니펫은 다음과 같이 표시되어야 합니다.

    <script>

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-XXXXXXX-Y', 'auto', {'allowLinker': true});
    ga('require', 'linker');
    ga('linker:autoLink', ['example-1.com'] );

    ga('send', 'pageview');

    </script>

보고서 보기 설정 및 필터 추가하기

기본적으로 Google 애널리틱스에서는 페이지 경로와 페이지 이름만 포함되며, 도메인 이름은 포함되지 않습니다. 예를 들어 사이트 콘텐츠 보고서에 페이지가 다음과 같이 표시될 수 있습니다.

  • /about/contactUs.html
  • /about/contactUs.html
  • /products/buy.html

도메인 이름이 나열되어 있지 않아서 각 페이지가 어느 도메인에 속하는지 식별하기 어려울 수 있습니다.

보고서에 도메인 이름이 표시되려면 모든 도메인에서 수집한 데이터를 포함하는 보고서 보기의 복사본을 만들고, 새 보기에 고급 필터를 추가해야 합니다. 이 필터는 보고서에 도메인 이름을 표시하도록 Google 애널리틱스에 알리는 역할을 합니다.

교차 도메인 추적이 설정되어 있는 경우 보고서에 도메인 이름을 표시하는 보기 필터를 설정하려면 이 예를 따르세요. 일부 입력란은 드롭다운 메뉴에서 항목을 선택해야 합니다. 나머지 입력란은 다음 위치에 문자를 입력해야 합니다.

  • 필터 유형: 맞춤 필터 > 고급
  • 입력란 A --> 추출 A: 호스트 이름 = (.*)
  • 입력란 B --> 추출 B: 요청 URI = (.*)
  • 출력 대상 --> 생성자: 요청 URI = $A1$B1

저장을 클릭하면 필터가 만들어집니다.

필터가 기대한 대로 작동하는지는 Google Tag Assistant Recordings를 사용하여 확인할 수 있습니다. Tag Assistant Recordings는 필터를 통해 트래픽이 어떻게 바뀌는지 정확하게 보여줍니다.

추천 제외 목록에 도메인 추가

사용자가 첫 번째 도메인에서 두 번째 도메인으로 이동하는 경우 애널리틱스에서 사용자가 첫 번째 도메인에서 두 번째 도메인을 방문한 것으로 해석하고 새 세션을 만듭니다. 여러 도메인에서 세션 1회를 추적할 수 있으려면 도메인을 추천 제외 목록에 추가해야 합니다.

교차 도메인 추적의 작동 여부 확인

교차 도메인 추적이 제대로 설정되어 있는지 확인하는 가장 좋은 방법은 Google Tag Assistant Recordings를 사용하는 것입니다. 도메인을 교차하는 세션을 만드는 경우 세션의 작동 여부를 즉시 알 수 있습니다.

다음은 교차 도메인 추적이 제대로 설정되지 않은 경우 어떻게 나타나는지 보여주는 Tag Assistant Recordings 예제 보고서입니다.

관련 자료

analytics.js

gtag.js

 

도움이 되었나요?

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

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

지금 학습 시작하기

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