Google은 AI 기술을 사용하여 콘텐츠를 사용자의 기본 언어로 번역합니다. AI 번역에는 오류가 있을 수 있습니다.

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

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

Google Ads용 AMP를 완전히 이해하려면 Google Ads 방문 페이지에 AMP 사용을 참고하세요. 이 가이드에서는 Google Ads로 AMP를 배포하는 단계별 방법을 설명합니다.

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

배경

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

AMP 방문 페이지는 자체 도메인에서 직접 제공되므로 도메인의 쿠키에 GCLID를 저장할 수 있습니다. AMP 방문 페이지와 전환 페이지가 쿠키를 공유할 수 없는 다른 도메인 또는 하위 도메인에 있는 경우 URL의 쿼리 매개변수를 사용하여 사이트 페이지로 연결되는 외부 링크에 GCLID를 전달해야 합니다. 그러면 사이트 페이지의 태그가 쿼리 매개변수에서 GCLID를 가져와 도메인의 쿠키로 GCLID를 저장할 수 있습니다.

기본 요건

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

기본 구성

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

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

옵션 1: Google 태그

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

또한 기본적으로 GCLID 전달을 사용 설정합니다 (즉, 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의 경우 AMP 페이지에서 사용하는 모든 Google 제품 (예: Google Ads 또는 Search Ads 360)의 ID를 지정할 수 있지만 제품 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의 경우 AMP 페이지에서 사용하는 모든 Google 제품 (예: Google Ads 또는 Search Ads 360)의 ID를 지정할 수 있지만 제품 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 애널리틱스를 사용하는 경우 세션 통합을 위해 Google 애널리틱스 태그에 allowLinker 필드를 추가합니다.

옵션 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 통화 추적

전화 통화 추적은 Google Ads에서 전환 추적을 사용 설정하기 위해 AMP 페이지에서 지원됩니다. 이 기능은 현재 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 매개변수는 포함된 링크의 전화번호와 일치해야 합니다.

제한사항

도메인 간 연결은 링크 데코레이션을 사용하여 작동하기 때문에 사용자가 다음 페이지로 이동하지 않고 AMP 페이지를 종료한 경우에는 도메인 간 전환 연결이 발생하지 않습니다.

AMP 방문 페이지에 대한 Google Ads 전환 측정 설정하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

배경

기본 요건

기본 구성

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

옵션 1: Google 태그

옵션 2: Google 태그 관리자

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

옵션 1: Google 태그

옵션 2: Google 태그 관리자

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

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

옵션 1: Google 태그

옵션 2: Google 태그 관리자

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

옵션 1: Google 태그

옵션 2: Google 태그 관리자

옵션 3: Analytics.js

선택적 구성

AMP 페이지의 전환 이벤트

Google 태그 사용

Google 태그 관리자 사용

Google Ads 통화 추적

1단계: 전환 구성 찾기

옵션 1: Google Ads UI 사용

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

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

제한사항

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