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

이 도움말에 나와 있는 내용은 다음과 같습니다.

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가 아닌 페이지에 태그 지정하기
  3. 추천 제외 설정하기

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

전체 사이트 태그 또는 Google 태그 관리자를 통해 Google 애널리틱스 태그를 설치합니다. 구현에 따라 다음 안내를 따르세요.

옵션 1: 전체 사이트 태그

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

MEASUREMENT_ID를 데이터를 전송하려는 Google 애널리틱스 속성의 추적 ID로 교체합니다.

AMP 페이지가 사이트로 연결되는 링크와 다른 도메인에서 호스팅되는 경우 아래 구성으로 링커를 추가합니다. 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만 사용할 수 있습니다.

옵션 2: Google 태그 관리자

Google 태그 관리자에서 AMP 컨테이너를 만듭니다.

Google 애널리틱스 태그를 AMP 컨테이너에 추가합니다.

AMP 컨테이너에 전환 링커 태그를 추가하고 '도메인 간 연결 사용 설정' 및 'Google 애널리틱스 클라이언트 ID에 연결 사용 설정'을 선택합니다. AMP 방문 페이지가 사이트로 연결되는 동일한 도메인/하위 도메인에서 호스팅되는 경우, 도메인 입력란을 비워 둘 수 있습니다.

AMP 페이지가 사이트로 연결되는 링크와 다른 도메인/하위 도메인에서 호스팅되는 경우, AMP 페이지가 호스팅되는 도메인과 모든 외부 링크 도메인을 쉼표로 구분된 목록으로 추가합니다. 구성에서 적용이 가능한 경우 아래와 같이 'www.'를 포함한 정확한 도메인을 추가합니다.

 

AMP 페이지에서 기본 태그 관리자 코드 스니펫 사용 - 아래 예를 참고하여 GTM_CONTAINER_ID를 태그 관리자 컨테이너 ID로 대체하세요.

<!-- Google Tag Manager →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=<   GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

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

AMP 링커 매개변수를 읽도록 AMP가 아닌 페이지에 태그를 지정하는 방법은 여러 가지가 있으므로 구성에 가장 적합한 안내를 사용하세요.

옵션 1: 전체 사이트 태그

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

  • MEASUREMENT_ID를 데이터를 전송하려는 Google 애널리틱스 속성의 추적 ID로 교체합니다.
  • AMP 페이지가 사이트로 연결되는 링크와 다른 도메인/하위 도메인에서 호스팅되는 경우, 아래 구성으로 링커를 추가합니다. AMP 페이지가 호스팅되는 도메인과 모든 외부 링크에 대한 도메인을 추가합니다.
<!-- Global site tag (gtag.js) - Google Analytics -->
<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': ['amp.example.com', 'www.example.com, www.example-b.com']
  });
&nbsp; gtag('js', new Date());
  gtag('config', 'MEASUREMENT_ID');
</script>

옵션 2: Google 태그 관리자

GTM 웹 컨테이너의 경우 Google 애널리틱스 태그가 추가되었는지 확인합니다.

AMP 페이지가 사이트로 연결되는 링크와 다른 도메인/하위 도메인에서 호스팅되는 경우 다음 구성을 추가합니다. Google 애널리틱스 태그에서 다음 단계에 따라 ‘allowLinker’ 필드 값을 true로 추가합니다.

  1. 수정하려는 Google 애널리틱스 설정 변수를 연 후에 변수 구성 카드를 클릭합니다.
  2. 기타 설정 > 설정할 필드로 이동합니다.
  3. + 필드 추가를 클릭합니다.
  4. 필드 이름allowLinker로 설정하고, true로 설정합니다.
  5. 새 변수 구성을 저장합니다.
  6. 모든 관련 Google 애널리틱스 설정 변수에 이전 단계를 반복합니다(컨테이너에서 둘 이상의 변수를 사용하는 경우).
  7. 컨테이너를 게시합니다.

AMP가 아닌 페이지에서 기본 태그 관리자 코드 사용하기

<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=<GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

옵션 3: analytics.js

AMP가 아닌 페이지의 경우 기본 Analytics_js 코드 스니펫을 사용해 AMP 링커 매개변수를 읽을 수 있습니다.

<!-- Google Analytics -->
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

AMP 페이지가 사이트로 연결되는 링크와 다른 도메인/하위 도메인에서 호스팅되는 경우, analytics.js를 위한 도메인 간 구성에 설명된 대로 아래에서 강조표시된 구성을 추가하세요.

<!-- Google Analytics -->
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['amp.example.com', 'www.example.com', 'www.example-b.com'] );

ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

3단계. Google 애널리틱스 관리 콘솔에 추천 제외 추가

Google에서 사용자에게 AMP 콘텐츠를 제공할 때 Google AMP 캐시를 사용합니다. 캐시된 AMP 하위 도메인이 세션을 중단하는 것을 방지하려면 도메인 cdn.ampproject.org에 대한 추천 제외를 추가해야 합니다.

여러 하위 도메인에서 AMP 페이지를 제공하는 경우, 하나의 AMP 하위 도메인을 다른 하위 도메인과 다르게 처리하려고 할 수 있습니다. 이 경우 웹사이트의 추천 제외에 사용된 기존 하위 도메인의 캐시된 버전을 입력하면 AMP 및 AMP가 아닌 사이트에서 추천 제외를 유지할 수 있습니다. 예를 들어 하위 도메인 subdomain.example.com에 대해 기존에 추가한 추천 제외가 있는 경우, subdomain-example-com.cdn.ampproject.org에 대해서도 추천 제외를 추가합니다. AMP 캐시 URL 형식 자세히 알아보기

설정 확인

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

옵션 1: Google Tag Assistant Chrome 확장 프로그램을 통해 확인

  1. Google Tag Assistant Chrome 확장 프로그램을 다운로드하고 설치합니다.
  2. 내 사이트의 AMP 페이지를 반환하는 검색어를 google.com에 입력합니다.
  3. Tag Assistant Recordings를 시작합니다.
  4. 기록이 시작된 후 브라우저에서 검색결과를 새로고침합니다.
  5. AMP 페이지로 연결되는 검색결과를 클릭합니다.
  6. AMP 페이지에서 AMP가 아닌 페이지로 연결되는 링크를 클릭합니다.
  7. Tag Assistant Recordings를 중지합니다.
  8. 아래와 같이 ID가 동일한 세션이 하나만 있는지 확인합니다(예: 페이지 로드 2에 세션 시작이 표시되지 않음).

 

옵션 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 링커를 통한 세션 통합이 발생하지 않습니다.
  • AMP 캐시 페이지가 도메인에 호스팅된 다른 AMP 페이지로 연결되는 경우에는 현재 세션 통합이 지원되지 않습니다.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?