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

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

Google Ads용 AMP에 대해 자세히 알아보려면 Google Ads 방문 페이지를 단계별로 Google Ads에서 AMP를 배포하는 방법에 대한 가이드를 읽어보세요.

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

배경

정확한 전환 측정을 위해 광고 클릭은 GCLID('Google 클릭')를 식별자')을 방문 페이지에 추가합니다. 방문 페이지에서는 GCLID를 GCLID 매개변수가 전환에 포함됩니다. 태그 사이에 추가하면 됩니다. Google Ads에서 웹사이트를 추적하는 방법 알아보기 전환을 참조하세요.

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

기본 요건

Google Ads를 사용 설정해야 합니다. 자동 태그 추가를 통해 모든 브라우저를 통해 웹사이트에서 발생한 전환

기본 구성

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

amp-analytics 먼저 필요한 스크립트를 AMP의 헤더에 포함합니다. 있습니다. 그런 다음 다음 중 한 가지 방법으로 amp-analytics를 사용하여 Google Ads 태그를 구성할 수 있습니다. Google 태그 또는 Google 태그 관리자를 통해 태그할 수 있습니다.

옵션 1: Google 태그

AMP에서 기본 AMP용 Google 태그 사용 전환 ID가 있는 방문 페이지는 웹사이트 방문자를 '모든 전환 ID'에 방문자' 리마케팅 목록 (리마케팅을 설정한 경우)

또한 표준 도메인 페이지에 GCLID 전환 ID를 전달할 수 있습니다. 기본적으로 AMP 캐시에서 삭제됩니다 (즉, 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 태그 관리자

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

AMP가 아닌 페이지에 필요한 태그에 대해 다음 옵션을 검토하세요. Google Ads에서 웹사이트를 추적하는 방법 전환수를 아래 옵션을 참고하세요.

옵션 1: 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 페이지의 코드 스니펫을 추가하세요. <ph type="x-smartling-placeholder">
      </ph>
    • 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 태그 관리자

옵션 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 페이지가 Google의 다른 최상위 도메인에서 호스팅되는 경우 사이트의 아웃바운드 링크 또는 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가 아닐 가능성이 높습니다. 이 경우 페이지의 Google Ads 추적 웹사이트 전환수

이 섹션에서는 Google 디스플레이 네트워크에서의 전환을 측정하려는 AMP 방문 페이지 자체입니다.

Google 태그 사용

전환을 기록하려는 페이지에 Google Ads 이벤트를 붙여넣습니다. 트리거 객체에 추가합니다. 이것은 AMP 전환 페이지에 표시되어 Google Ads 전환을 보고합니다.

<!-- 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가 포함됩니다.
  • 계정에서 사용 중인 모든 Google 제품의 ID를 지정할 수 있습니다. AMP이지만 gtag_id 필드에는 하나의 Google 제품 ID만 사용합니다.
  • config 객체에는 사용 중인 각 Google 제품당 하나의 필드가 을 사용하여 AMP 사이트의 활동을 측정할 수 있습니다.
  • Google Ads와 Search Ads 360을 모두 사용하는 경우 이 도움말 을 참조하세요. 참조하세요.
  • 이 예에서 amp-analytics 구성요소는 '페이지 표시됩니다. 이벤트를 처리합니다. 또는 다음 기간 동안 실행되도록 전환을 구성할 수 있습니다. 다른 이벤트를 발생시킵니다.

Google 태그 관리자 사용하기

Google 태그 관리자 AMP 컨테이너에서 전환 태그 또는 리마케팅 태그를 추가합니다. 다음을 수행합니다.

전화 통화 추적이 지원됩니다. 해야 합니다. 이 기능은 는 현재 Safari 브라우저에서 지원되지 않습니다.

1단계: 전환 구성 찾기

시작하려면 Google Ads 계정 호출을 생성한 다음 전환 데이터를 추출하려면 생성된 코드의 여러 구성 매개변수를 AMP 태그입니다. 이 작업은 새 Google Ads 환경 또는 원래 버전의 통화 추적 스니펫 Google Ads 환경입니다.

옵션 1: Google Ads UI 사용

Google 태그 관리자에서 제공하는 전환 필드를 사용하려면 측정 전환 계정 설정으로 이동합니다. 그런 다음 아래 단계를 따르세요.

  1. +를 클릭하여 새 전환 추적기를 추가하고 전화 통화 옵션에서 사용할 수 있습니다.
  2. 대화상자에서 모바일 웹사이트 전화번호 클릭수를 선택하고 계속을 클릭합니다.
  3. 모든 관련 필드를 포함하여 전환을 구성한 다음 태그를 만듭니다.
  4. Google 태그 관리자 사용을 선택하여 구성을 검토합니다.
  5. 제공된 전환 ID 및 전환 라벨을 사용하여 AMP 구성 아래에 설명된 통화 추적 도구를 사용하는 것이 좋습니다.
옵션 2: 통화 추적 코드 스니펫 사용
호출 스니펫 변수 AMP 통화 추적 사용
ak 전환 ID
cl 전환 라벨

이 예에서 akcl의 값은 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>

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

제한사항

사용자가 GCLID 전달은 링크 데코레이션을 사용하여 작동하므로 다음 페이지로 이동