[GA4] AMP용 Google 애널리틱스 세션 통합 설정

이 도움말에서는 다음 내용을 다룹니다.

• AMP 클라이언트 ID가 데이터에 주는 영향
• AMP 링커 설정
• 설정 확인
• 제한사항

AMP 페이지는 사이트 도메인과 다른 AMP 캐시 도메인에서 제공됩니다. AMP 캐시와 사이트 페이지에서 사용자의 경로를 추적하려면 AMP 클라이언트 ID를 사용자 식별자로 사용해 사용자 세션에 참여하는 AMP 애널리틱스 기능인 AMP 링커를 사용합니다.

AMP 링커는 AMP 클라이언트 ID가 있는 AMP 캐시 페이지의 외부 링크를 수식합니다. Google 애널리틱스 태그가 지정된 페이지는 URL 쿼리 매개변수에서 AMP 클라이언트 ID를 검색하고 AMP 클라이언트 ID를 사용자 식별자로 사용하여 사용자 세션에 참여합니다.

이 도움말은 Google 애널리틱스에서 AMP 링커를 설정하는 데 필요한 단계를 설명합니다.

AMP 클라이언트 ID가 데이터에 주는 영향

AMP 캐시와 원본 사이트 도메인 간에 AMP 클라이언트 ID를 동기화하면 세션 시간, 이탈률, 세션당 페이지 수 등 사용자 통계가 더 정확해집니다. AMP 클라이언트 ID를 활용하려면 데이터를 동일한 Google 애널리틱스 속성 내에서 수집해야 합니다.

참고: AMP 캐시와 출처의 AMP 클라이언트 ID를 동기화하면 동질 집단 분석, 평생 가치 및 잠재고객 타겟팅과 같은 기능에 사용되는 기존 GA 사용자 식별자가 한 번 재설정됩니다. 따라서 새로운 사용자 측정 항목 및 관련 보고서에서 일시적으로 눈에 띄는 변동이 발생할 수 있습니다.

AMP 링커 설정

Google 애널리틱스에서 AMP 링커를 설정하는 방법은 다음과 같습니다.

1. AMP 페이지에 태그 지정하기
2. AMP가 아닌 페이지에 태그 지정하기

1단계. AMP 링커 매개변수를 전달하도록 AMP 페이지에 태그 지정하기

AMP 방문 페이지에 AMP용 기본 Google 태그를 추가합니다. 아래의 본문 미리보기에서 예를 참고하고 다음과 같이 변경하세요.

MEASUREMENT_ID를 데이터를 전송할 Google 애널리틱스 속성의 태그 ID로 대체합니다.

AMP 페이지가 사이트로 연결되는 링크와 다른 최상위 도메인에서 호스팅되는 경우 또는 AMP 페이지가 잘 알려진 하위 도메인(예: www., amp., m.)에 없는 경우 아래와 같은 링커 구성을 포함합니다. AMP 페이지가 호스팅되는 도메인과 모든 외부 링크에 대한 도메인을 추가합니다.

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars": {
    "gtag_id": "MEASUREMENT_ID",
    "linker": {
      "domains": ["example.com", "example2.com"]
    }
    ,
    "config": {
      "MEASUREMENT_ID": {
        "groups": "default"
      }
    }
  }
}
</script>
</amp-analytics>

참고: gtag_id의 경우 AMP에서 사용하는 모든 Google 제품(예: Google Ads 또는 Search Ads 360)의 ID를 지정할 수 있지만 gtag_id 필드에는 하나의 Google 제품 ID만 사용할 수 있습니다.

중요: AMP용 Google 태그 관리자는 현재 Google 애널리틱스 4를 지원하지 않습니다. Google 애널리틱스 4에서 AMP를 사용하려면 AMP 스니펫을 수동으로 추가해야 합니다. 자세히 알아보기

2단계. AMP 링커 매개변수를 읽도록 AMP가 아닌 페이지에 태그 지정하기

AMP가 아닌 페이지에 gtag.js 스니펫을 포함합니다. 다음 미리보기 예를 참고하세요.

• MEASUREMENT_ID를 데이터를 전송할 Google 애널리틱스 속성의 태그 ID로 대체합니다.
• AMP 페이지가 사이트로 연결되는 링크와 다른 최상위 도메인에서 호스팅되는 경우 또는 AMP 페이지가 잘 알려진 하위 도메인(예: www., amp., m.)에 없는 경우 아래와 같은 링커 구성을 포함합니다. AMP 페이지가 호스팅되는 도메인과 모든 외부 링크에 대한 도메인을 추가합니다.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'linker', {
    'domains': ['example.com', 'example2.com']
  });
  gtag('js', new Date());
  gtag('config', 'MEASUREMENT_ID');
</script>

설정 확인

Google AMP 클라이언트 ID가 AMP 페이지와 AMP가 아닌 페이지 간에 일치하는지 확인합니다.

옵션 1: AMP 태그 테스트 도구를 통해 확인

AMP 태그 테스트 도구를 사용하고 테스트할 AMP URL을 입력합니다.

참고: AMP 태그 테스트 도구는 뷰어를 통해 게재되는 AMP 페이지에서 다음 페이지의 링크로 연결되는 흐름을 시뮬레이션하는 자동 테스트 도구입니다. 이 도구는 가이드라인으로 사용해야 하며 모든 테스트 시나리오를 담아내지는 못할 수도 있습니다(예: AMP 페이지에 다른 도메인 또는 하위 도메인의 링크가 있는 경우). 수동 테스트에는 아래 옵션을 사용하세요. 

옵션 2: Chrome 개발자 도구를 통해 확인

1. 시크릿 모드에서 Google Chrome 브라우저를 엽니다. Chrome 개발자 도구에서 모바일 에뮬레이터를 사용 설정합니다.
2. 내 사이트의 AMP 페이지를 반환하는 검색어를 google.com에 입력하고 해당 AMP 페이지 검색결과를 클릭합니다. AMP 페이지는 Google AMP 캐시를 통해 제공되고 Google 검색 AMP 뷰어 내에 표시되어야 합니다.
   • 참고: Google 검색결과에서 아직 페이지를 사용할 수 없는 경우 검색결과를 미리 보기 위해 AMP 테스트 도구로 이동한 뒤 다음 단계에 따라 세션 통합이 작동하는지 테스트할 수 있습니다(Google에서 페이지 색인을 생성할 수 있는 경우).
3. AMP 페이지 뷰에 대한 Google 애널리틱스 네트워크 요청을 찾습니다. Chrome 개발자 도구의 네트워크 탭으로 이동해 필터 입력란에 'collect'를 입력합니다.
4. www.google-analytics.com으로 이동하는 네트워크 요청을 찾아 선택합니다. 요청에 대한 헤더 탭에서 쿼리 문자열 매개변수로 스크롤하여 클라이언트 ID를 찾습니다. cid 매개변수를 기록합니다.
5. AMP 페이지가 AMP 뷰어에서 제공되는 경우 cid 형식은 64자 길이의 base64 문자열이어야 합니다.
6. 지우기를 클릭하여 네트워크 요청을 지웁니다.
7. AMP가 아닌 페이지를 선택했는지 확인하려면 AMP가 아닌 페이지로 이동할 때 동일한 cid 매개변수가 유지되는지 확인합니다. 이렇게 하려면 도메인에서 제공하는 AMP가 아닌 페이지로 이동하는 AMP 페이지의 링크를 클릭합니다. 클라이언트 ID를 찾으려면 다시 문자열 'collect'를 필터링합니다. www.google-analytics.com으로 이동하는 네트워크 요청을 선택합니다. cid 쿼리 매개변수 값이 5단계에서 기록한 값과 일치하는지 확인합니다.

제한사항

• AMP 링커를 통한 세션 통합은 링크 수식을 사용해 작동하기 때문에 다음 페이지로 이동하지 않고 AMP 페이지를 종료한 처음 사용자의 경우에는 AMP 링커를 통한 세션 통합이 발생하지 않습니다.