이 페이지는 Cloud Translation API를 통해 번역되었습니다.

AMP 방문 페이지에 대한 Google Ads 전환 측정 설정하기

이 가이드에서는 AMP 방문 페이지에서 전환 측정이 올바르게 작동하는 데 필요한 설정 및 구성을 설명합니다.

Google Ads용 AMP에 대한 자세한 내용은 Google Ads로 AMP를 배포하는 단계별 가이드인 Google Ads 방문 페이지에 AMP 사용하기를 참조하세요.

Google 애널리틱스를 사용하는 경우에는 AMP용 Google 애널리틱스 세션 통합 설정의 단계도 따라야 사용자 세션이 AMP 캐시 페이지와 사이트의 나머지 부분에서 올바르게 병합됩니다. Google 애널리틱스의 목표/전환 내보내기 기능을 사용하거나 Google Ads를 Google 애널리틱스에 연결할 경우 Google 애널리틱스를 구성하는 것이 좋습니다.

배경

정확한 전환 측정을 위해 광고 클릭은 GCLID ('Google 클릭 식별자')를 방문 페이지로 전달합니다. 방문 페이지에서 GCLID를 도메인의 쿠키에 저장하고 GCLID 매개변수가 사이트의 전환 태그에 포함됩니다. 자세한 내용은 Google Ads에서 웹사이트 전환을 추적하는 방법을 참고하세요.

AMP 방문 페이지는 일반적으로 AMP 캐시 도메인에서 제공되므로 도메인의 쿠키에 GCLID를 저장할 수 없습니다. URL의 쿼리 매개변수를 통해 사이트 페이지로 연결되는 링크에서 GCLID를 전달하려면 AMP 방문 페이지에 태그를 설정해야 합니다. 그러면 사이트 페이지의 태그가 쿼리 매개변수에서 GCLID를 가져와 GCLID를 도메인에 쿠키로 저장할 수 있습니다.

기본 요건

웹사이트에서 모든 브라우저에 대한 전환을 측정하려면 Google Ads 자동 태그 추가를 사용 설정해야 합니다.

기본 구성

1단계: AMP 방문 페이지의 태그

amp-analytics 구성요소를 사용하려면 먼저 AMP 페이지의 헤더에 필수 스크립트를 포함하세요. 그런 다음 Google 태그 또는 Google 태그 관리자를 통해 amp-analytics를 사용하여 Google Ads 태그를 구성할 수 있습니다.

옵션 1: Google 태그

전환 ID가 포함된 AMP 방문 페이지에서 기본 AMP용 Google 태그를 사용하면 웹사이트 방문자가 '모든 방문자' 리마케팅 목록에 추가됩니다 (리마케팅을 설정한 경우).

또한 기본적으로 GCLID 전환 ID를 AMP 캐시에서 표준 도메인 페이지로 전달할 수 있습니다. 즉, AMP 방문 페이지가 사이트 페이지로 연결되는 외부 링크와 동일한 도메인/하위 도메인에서 호스팅되는 경우 기본적으로 전환을 연결합니다. 아래 샘플 코드 스니펫에서 자체 ads conversion id를 사용합니다.

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "ads conversion id",
    "config" : {
      "ads conversion id": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

gtag_id의 경우 모든 Google 제품 (예: Google Ads 또는 Search Ads 360)과 연결되어 있지만 제품 ID는 하나만 사용해야 합니다.

옵션 2: Google 태그 관리자

GTM AMP 컨테이너를 만들고 기본 코드 스니펫을 AMP 페이지에 추가합니다.
Google 태그 관리자 AMP 컨테이너에 전환 링커 태그를 추가하여 외부 링크에 GCLID 매개변수를 추가합니다.
Google 애널리틱스를 사용하는 경우 세션 통합을 위해 도메인 간 연결 사용 설정 및 Google 애널리틱스 클라이언트 ID 연결 사용 설정도 선택합니다. 자세한 내용은 AMP용 Google 애널리틱스 세션 통합 설정을 참고하세요.

2단계: AMP가 아닌 페이지의 태그

AMP가 아닌 페이지에 필요한 태그에 관해 다음 옵션을 검토하세요. 아래의 각 옵션에 관한 Google Ads에서 웹사이트 전환을 추적하는 방법에 나와 있는 자세한 안내를 따르세요.

옵션 1: Google 태그

여기에 설명된 대로 다음 안내를 따르세요.

Google 태그 스니펫을 웹사이트의 모든 페이지에 삽입합니다.
전환 페이지에서 Google 태그 스니펫 뒤의 코드 어디에나 배치할 수 있는 이벤트 스니펫을 사용하세요.

옵션 2: Google 태그 관리자

Google 태그 관리자 웹 컨테이너에서 다음을 수행합니다.

Google 태그 관리자 Google Ads 전환 태그를 만듭니다.
Google 태그 관리자 웹 컨테이너에서 전환 링커 태그를 사용 설정합니다.

사이트 페이지의 태그 관리자 코드 스니펫이 iframe에 로드되는 경우 전환 링커 태그에 사용 설정된 수신 링커 매개변수 허용으로 도메인 연결도 구성해야 합니다.

고급 구성: 도메인 간 전환 측정 설정하기

AMP 페이지가 비표준 하위 도메인 (즉, www., m. 또는 amp.가 아님)에 있거나 AMP 페이지가 다른 최상위 도메인의 페이지에 연결된 경우 전환 측정이 올바르게 작동하도록 추가 구성이 필요합니다.

1단계: AMP 방문 페이지의 태그

Google 태그 또는 Google 태그 관리자를 사용하여 Google Ads 태그를 구성할 수 있습니다.

옵션 1: Google 태그

AMP 페이지에 AMP용 Google 태그를 구현합니다.
아래에 AMP 페이지의 코드 스니펫을 추가합니다.
- ads conversion id를 실제 Google Ads 전환 ID로 바꿉니다.
- domains를 사용하여 AMP 페이지가 호스팅되는 도메인과 모든 대상 도메인 또는 하위 도메인을 추가합니다.

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

gtag_id의 경우 모든 Google 제품 (예: Google Ads 또는 Search Ads 360)과 연결되어 있지만 제품 ID는 하나만 사용해야 합니다.

옵션 2: Google 태그 관리자

Google 태그 관리자 AMP 컨테이너를 만들고 AMP 호환 태그를 배포합니다.
AMP 컨테이너에 전환 링커 태그를 추가합니다.
AMP 페이지가 호스팅되는 도메인과 모든 발신 링크의 도메인을 쉼표로 구분된 목록으로 추가합니다.

아래의 기본 Google 태그 관리자 AMP 코드 스니펫을 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>

2단계: AMP가 아닌 페이지의 태그

AMP가 아닌 페이지에는 gtag.js, Google 태그 관리자 또는 analytics.js로 태그를 지정할 수 있습니다.

옵션 1: Google 태그

아래의 코드 스니펫을 AMP가 아닌 페이지에 추가하세요.

ads conversion id를 올바른 Google Ads 전환 ID로 바꾸세요.
domains를 사용하여 AMP 페이지가 호스팅되는 도메인과 모든 대상 도메인 또는 하위 도메인을 추가합니다.

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', '<var>ads conversion id</var>', {
    'linker': {
      'domains': ['subdomain1.example.com','subdomains2.example.com','www.example2.com']
    }
  });
</script>

옵션 2: Google 태그 관리자

Google 태그 관리자 웹 컨테이너에서:
- 안내에 따라 전환 링커 태그를 도메인 간 연결로 설정합니다.
- AMP가 아닌 페이지에서 기본 Google 태그 관리자 코드 스니펫을 사용하세요.
- Google 애널리틱스를 사용하는 경우 세션 통합을 위해 allowLinker 필드를 Google 애널리틱스 태그에 추가합니다.

옵션 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_MEASUREMENT_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

AMP 페이지가 사이트로 연결되는 링크와 다른 최상위 도메인에서 호스팅되거나 AMP 페이지가 잘 알려진 하위 도메인(예: www., amp., m.가 아님)에 있지 않은 경우 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_MEAUSREMENT_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomains2.example.com', 'www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

선택적 구성

이 섹션에서는 AMP 배포에 필요할 수 있는 추가적인 선택적 구성에 대해 설명합니다.

AMP 페이지의 전환 이벤트

대부분의 경우 전환은 AMP가 아닌 페이지일 가능성이 높은 사용자 여정의 후속 페이지에서 발생합니다. 이 경우 Google Ads에서 웹사이트 전환을 추적하는 방법의 안내를 따르세요.

이 섹션에서는 AMP 방문 페이지 자체에서 전환을 측정하려는 경우를 다룹니다.

Google 태그 사용

전환을 기록할 페이지에서 Google Ads 이벤트 스니펫을 트리거 객체에 붙여넣습니다. 다음은 Google Ads 전환을 보고하기 위해 AMP 전환 페이지에 표시되어야 하는 태그의 전체 예입니다.

<!-- Google tag (gtag) -->
  <amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
      "vars": {
        "gtag_id": "ads conversion id",
        "config": {
          "ads conversion id": {
           "groups": "default"
          }
        }
      },
      "triggers": {
        "ads conversion label": {
          "on": "visible",
          "vars": {
            "event_name": "purchase",
            "transaction_id": "",
            "value": 15,
            "currency": "USD",
            "send_to": "ads conversion id/ads conversion label"
          }
        }
      }
    }
    </script>
  </amp-analytics>

이 <amp-analytics> 태그에서 다음 필드를 확인합니다.

gtag_id 필드에는 Google Ads 전환에서 제공된 ID가 포함됩니다.
AMP에서 사용 중인 모든 Google 제품의 ID를 지정할 수 있지만 gtag_id 필드에는 하나의 Google 제품 ID만 사용할 수 있습니다.
구성 객체에는 AMP 사이트에서 활동을 측정하는 데 사용하는 각 Google 제품에 대한 필드가 하나씩 포함되어야 합니다.
Google Ads와 Search Ads 360을 모두 사용하는 경우 이 도움말에서 추가 안내를 확인하세요.
이 예에서 amp-analytics 구성요소는 '페이지 표시' 이벤트에 의해 트리거됩니다. 또는 버튼 클릭과 같은 다른 이벤트에 대해 전환이 실행되도록 구성할 수 있습니다.

Google 태그 관리자 사용하기

Google 태그 관리자 AMP 컨테이너에서 필요에 따라 전환 또는 리마케팅 태그를 추가합니다.

Google Ads 통화 추적

AMP 페이지에서 전화 통화 추적을 지원하여 Google Ads에서 전환 추적을 사용 설정합니다. 이 기능은 현재 Safari 브라우저에서 지원되지 않습니다.

1단계: 전환 구성 찾기

시작하려면 Google Ads 계정의 전화번호 광고 확장을 설정하는 방법에 대한 안내를 따르세요. 통화 변환을 만들었다면, 생성된 코드에서 AMP 태그에 사용할 여러 구성 매개변수를 추출해야 합니다. 이 작업은 새 Google Ads 환경의 Google 태그 관리자 구성 또는 기존 Google Ads 환경의 통화 추적 스니펫을 사용하여 수행할 수 있습니다.

옵션 1: Google Ads UI 사용

Google 태그 관리자에서 제공하는 전환 필드를 사용하려면 Google Ads 계정에 로그인하고 측정 전환 계정 설정으로 이동합니다. 이어서 다음 단계를 수행합니다.

+를 클릭하여 새 전환 추적기를 추가하고 전화 통화 옵션을 선택합니다.
대화상자에서 모바일 웹사이트의 전화번호 클릭과 계속을 선택합니다.
모든 관련 필드를 포함하여 전환을 구성한 다음 태그를 만듭니다.
Google 태그 관리자 사용을 선택하여 구성을 검토합니다.
제공된 전환 ID와 전환 라벨을 사용하여 아래에 설명된 AMP 호출 추적기를 구성합니다.

옵션 2: 통화 추적 코드 스니펫 사용

호출 스니펫 변수	AMP 통화 추적 사용
`ak`	전환 ID
`cl`	전환 라벨

이 예에서 ak 및 cl의 값은 각각 123456789 및 _ABcDEFg12hI34567jK입니다.

<script>
(function(a,e,c,f,g,b,d){var h={ak:"123456789",cl:"_ABcDEFg12hI34567jK"};a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[f]||(a[f]=h.ak);b=e.createElement(g);b.async=1;b.src="//www.gstatic.com/wcm/loader.js";d=e.getElementsByTagName(g)[0];d.parentNode.insertBefore(b,d);a._googWcmGet=function(b,d,e){a[c](2,b,h,d,null,new Date,e)}})(window,document,"_googWcmImpl","_googWcmAk","script");
</script>

2단계: AMP 통화 추적기 구성

위에서 가져온 값을 AMP 통화 추적 구성 URL에 사용합니다. 다른 AMP 모듈과 마찬가지로 페이지 헤더에 AMP 통화 추적 모듈을 추가해야 합니다.

<head>
<script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>

통화 전환 측정을 사용 설정하려면 클릭 투 콜 링크를 Google Ads 통화 추적 구성 링크로 데코레이션해야 합니다.

<amp-call-tracking
  config="https://www.googleadservices.com/pagead/conversion/7777777777/wcm?cl=AAAAAAAAAAAAA&tel=1800-123-4567&mode=1">
  <a href="tel:18001234567">+1-800-123-4567</a>
</amp-call-tracking>

이 예를 사용하려면 Google Ads 전환 설정 중에 제공된 전환 추적 코드에서 가져온 전환 ID (이 예에서는 7777777777)와 전환 라벨 (이 예에서는 AAAAAAAAAAAAA)을 바꾸세요. tel URL 매개변수는 포함된 링크에 있는 전화번호와 일치해야 합니다.

제한사항

GCLID 전달이 링크 장식을 통해 작동하므로 사용자가 다음 페이지로 이동하지 않고 AMP 페이지를 닫으면 전환 링크가 발생하지 않습니다.