이 가이드에서는 AMP 방문 페이지에서 전환 측정이 작동하는 데 필요한 설정 및 구성에 대해 설명합니다.
Google Ads용 AMP에 관한 전체 개요는 Google Ads에서 AMP를 배포하는 단계별 안내인 Google Ads 방문 페이지에 AMP 사용하기를 참고하세요.
Google 애널리틱스를 사용하는 경우 AMP용 Google 애널리틱스 세션 통합 설정의 단계에 따라 사용자 세션이 AMP 페이지와 나머지 사이트에 연결되도록 합니다. Google 애널리틱스 주요 이벤트를 기반으로 Google Ads 전환을 만들거나 Google Ads를 Google 애널리틱스에 연결하는 경우 Google 애널리틱스를 구성하는 것이 좋습니다.
배경
정확한 전환 측정을 위해 광고 클릭은 GCLID('Google 클릭 식별자')를 방문 페이지에 전달합니다. 방문 페이지는 도메인의 쿠키에 GCLID를 저장하고 GCLID 매개변수는 사이트의 전환 태그에 포함됩니다. 자세한 내용은 Google Ads에서 웹사이트 전환을 추적하는 방법을 참고하세요.
AMP 방문 페이지는 자체 도메인에서 직접 제공되므로 도메인의 쿠키에 GCLID를 저장할 수 있습니다. AMP 방문 페이지와 전환 페이지가 쿠키를 공유할 수 없는 다른 도메인 또는 하위 도메인에 있는 경우 URL의 쿼리 매개변수를 사용하여 사이트 페이지로 연결되는 링크에 GCLID를 전달해야 합니다. 그러면 사이트 페이지의 태그가 쿼리 매개변수에서 GCLID를 가져와 도메인에 쿠키로 저장할 수 있습니다.
기본 요건
Google Ads 자동 태그 추가를 사용 설정하여 모든 브라우저에서 웹사이트의 전환을 측정합니다.
기본 구성
1단계: AMP 방문 페이지의 태그
amp-analytics 구성요소를 사용하려면 먼저 AMP 페이지의 <head> 요소에 필수 스크립트를 포함합니다. 그런 다음 Google 태그 또는 Google 태그 관리자를 사용하여 amp-analytics 구성요소로 Google Ads 태그를 구성할 수 있습니다.
옵션 1: Google 태그
AMP 방문 페이지에서 Google Ads 태그 ID와 함께 기본 AMP용 Google 태그를 사용하면 웹사이트 방문자가 '모든 방문자' 리마케팅 목록에 추가됩니다(리마케팅을 설정한 경우).
이 구성은 또한 도메인의 퍼스트 파티 쿠키에 GCLID를 저장하고 기본적으로 표준 하위 도메인(www., m., amp.)에 GCLID를 전달합니다. 다음 샘플 코드 스니펫에서 AW-CONVERSION_ID를 Google Ads 태그 ID(예: AW-123456789)로 바꿉니다.
<amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars" : { "gtag_id": "AW-CONVERSION_ID", "config" : { "AW-CONVERSION_ID": { "groups": "default" } } } } </script> </amp-analytics>
gtag_id 필드의 경우 AMP 페이지에서 사용하는 모든 Google 제품(예: Google Ads 또는 Search Ads 360)의 태그 ID를 지정할 수 있지만 gtag_id에는 하나의 제품 ID만 포함할 수 있습니다.
옵션 2: Google 태그 관리자
- Google 태그 관리자 AMP 컨테이너를 만들고 기본 코드 스니펫을 AMP 페이지에 추가합니다.
- Google 태그 관리자 AMP 컨테이너에 전환 링커 태그를 추가하여 GCLID를 도메인의 퍼스트 파티 쿠키에 저장하고 표준 하위 도메인에 전달합니다.
2단계: AMP가 아닌 페이지의 태그
비 AMP 페이지에 필요한 태그에 대한 다음 옵션을 검토하세요. 아래의 각 옵션에 대해 Google Ads에서 웹사이트 전환을 추적하는 방법의 자세한 안내를 따르세요.
옵션 1: Google 태그
Google 태그 설정 안내를 따릅니다.
- 웹사이트의 모든 페이지에 Google 태그 스니펫을 배치합니다.
- 전환 페이지에서 Google 태그 스니펫 뒤 코드의 아무 곳에나 이벤트 스니펫을 배치합니다.
옵션 2: Google 태그 관리자
Google 태그 관리자 웹 컨테이너에서 다음 단계를 따르세요.
- Google 태그 관리자 Google Ads 전환 태그를 만듭니다.
- Google 태그 관리자 웹 컨테이너에 전환 링커 태그를 추가하고 모든 페이지에서 실행되도록 설정합니다.
사이트 페이지의 태그 관리자 코드 스니펫이 iframe에 로드되는 경우 전환 링커 태그에서 도메인 간 연결 사용 설정 및 수신 링커 매개변수 허용을 선택합니다.
고급 구성: 도메인 간 전환 측정 설정
AMP 페이지가 비표준 하위 도메인(즉, www., m. 또는 amp.가 아님)에 있거나 다른 최상위 도메인의 페이지에 연결되는 경우 다음 도메인 간 구성을 완료합니다.
1단계: AMP 방문 페이지의 태그
Google 태그 또는 Google 태그 관리자를 사용하여 Google Ads 태그를 구성할 수 있습니다.
옵션 1: Google 태그
- AMP 페이지에 AMP용 Google 태그를 구현합니다.
- AMP 페이지에 다음 코드 스니펫을 추가합니다.
- AW-CONVERSION_ID를 Google Ads 태그 ID(예:
AW-123456789)로 바꿉니다. domains배열에 AMP 페이지가 호스팅되는 도메인과 대상 도메인 또는 하위 도메인을 포함합니다.
- AW-CONVERSION_ID를 Google Ads 태그 ID(예:
<amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars" : { "gtag_id": "AW-CONVERSION_ID", "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com", "www.example2.com"] }, "config" : { "AW-CONVERSION_ID": { "groups": "default" } } } } </script> </amp-analytics>
gtag_id 필드의 경우 AMP 페이지에서 사용하는 모든 Google 제품(예: Google Ads 또는 Search Ads 360)의 태그 ID를 지정할 수 있지만 gtag_id에는 하나의 제품 ID만 포함할 수 있습니다.
옵션 2: Google 태그 관리자
- Google 태그 관리자 AMP 컨테이너를 만들고 AMP 호환 태그를 배포합니다.
- AMP 컨테이너에 전환 링커 태그를 추가합니다.
- 도메인 간 연결 사용 설정을 선택하고 자동 링크 도메인에 AMP 페이지가 호스팅되는 도메인과 아웃바운드 링크의 도착 페이지 도메인을 쉼표로 구분된 목록으로 입력합니다.
- 기본 Google 태그 관리자 AMP 코드 스니펫을 AMP 페이지에 추가하고 GTM_CONTAINER_ID를 컨테이너 ID(예:
GTM-XXXXXX)로 바꿉니다.
<!-- Google Tag Manager --> <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM_CONTAINER_ID>m.url=SOURCE_URL" data-credentials="include"> </amp-analytics>
2단계: AMP가 아닌 페이지의 태그
Google 태그 또는 Google 태그 관리자를 사용하여 AMP가 아닌 페이지에서 태그를 구성합니다.
옵션 1: Google 태그
- AMP가 아닌 페이지에 다음 Google 태그 스니펫을 추가합니다.
- AW-CONVERSION_ID를 Google Ads 태그 ID(예:
AW-123456789)로 바꿉니다. domains배열에 AMP 페이지가 호스팅되는 도메인과 대상 도메인 또는 하위 도메인을 포함합니다.
- AW-CONVERSION_ID를 Google Ads 태그 ID(예:
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-CONVERSION_ID', { 'linker': { 'domains': ['subdomain1.example.com', 'subdomain2.example.com', 'www.example2.com'] } }); </script>
옵션 2: Google 태그 관리자
- Google 태그 관리자 웹 컨테이너에서 다음 단계를 따르세요.
- 여러 도메인에 연결되도록 전환 링커 태그를 구성합니다.
- AMP가 아닌 페이지에서 기본 Google 태그 관리자 코드 스니펫을 사용합니다.
- Google 애널리틱스를 사용하는 경우 교차 도메인 측정을 위해 Google 애널리틱스 관리에서 도메인을 구성합니다.
선택적 구성
이 섹션에서는 AMP 배포에 필요할 수 있는 추가 선택적 구성에 대해 설명합니다.
AMP 페이지의 전환 이벤트
대부분의 경우 전환은 AMP가 아닌 페이지일 가능성이 높은 사용자 여정의 후속 페이지에서 발생합니다. 이 경우 Google Ads에서 웹사이트 전환을 추적하는 방법의 안내를 따르세요.
이 섹션에서는 AMP 방문 페이지 자체에서 전환을 측정하려는 경우를 다룹니다.
Google 태그 사용
전환을 기록하려는 AMP 페이지에서 triggers 객체에 전환 트리거를 추가합니다. 다음 예는 Google Ads 광고 전환을 보고하는 AMP 전환 페이지의 전체 태그를 보여줍니다.
<!-- Google tag (gtag) --> <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars": { "gtag_id": "AW-CONVERSION_ID", "config": { "AW-CONVERSION_ID": { "groups": "default" } } }, "triggers": { "CONVERSION_LABEL": { "on": "visible", "vars": { "event_name": "purchase", "transaction_id": "", "value": 15, "currency": "USD", "send_to": "AW-CONVERSION_ID/CONVERSION_LABEL" } } } } </script> </amp-analytics>
이 <amp-analytics> 태그에서 다음 필드를 확인합니다.
gtag_id필드에는 Google Ads 전환에서 제공하는 태그 ID(예:AW-123456789)가 포함되고 CONVERSION_LABEL는 전환 액션의 전환 라벨입니다.- AMP 페이지에서 사용하는 모든 Google 제품의 태그 ID를 지정할 수 있지만
gtag_id필드에는 제품 ID를 하나만 포함해야 합니다. config객체에는 AMP 사이트에서 활동을 측정하는 데 사용하는 각 Google 제품에 대한 항목이 하나씩 포함되어야 합니다.- Google Ads와 Search Ads 360을 모두 사용하는 경우 Search Ads 360 AMP 태그 예시는 Google 태그 및 이벤트 스니펫의 기술 세부정보를 참고하세요.
- 이 예에서
amp-analytics구성요소는 페이지visible이벤트에서 실행됩니다. 또는 버튼click과 같은 다른 이벤트에서 실행되도록 전환을 구성할 수 있습니다.
Google 태그 관리자 사용하기
Google 태그 관리자 AMP 컨테이너에서 Google Ads 전환 추적 또는 Google Ads 리마케팅 태그를 추가하고 전환 이벤트의 트리거를 구성합니다.
Google Ads 통화 추적
Google Ads의 AMP 페이지에서 전화 통화 전환 추적이 지원됩니다.
1단계: 전환 구성 찾기
시작하려면 Google Ads 계정에서 전화번호 확장 소재를 설정하고 웹사이트 통화 전환 액션을 만드세요. 전환 액션을 만든 후 Google 태그 관리자 설정 옵션 또는 Google 태그 전화 스니펫에서 숫자 전환 ID 및 전환 라벨을 가져옵니다.
옵션 1: Google Ads에서 Google 태그 관리자 설정 옵션 사용하기
- Google Ads 계정에 로그인하고 목표 > 전환 > 요약을 선택합니다.
- + 전환 액션 만들기(또는 새 전환 액션)를 선택하고 전화 통화 전환 설정에 따라 웹사이트 전화 통화 전환 액션을 만듭니다.
- 태그 설정 단계에서 Google 태그 관리자 사용을 선택합니다.
- 2단계의 AMP 통화 추적 구성에서 사용할 전환 ID 및 전환 라벨을 복사합니다.
옵션 2: Google 태그 전화번호 스니펫에서 값 추출하기
태그 설정 중에 직접 태그 설치를 선택하면 Google Ads에서 다음 예와 유사한 전화 스니펫을 생성합니다.
<script>
gtag('config', 'AW-123456789/_ABcDEFg12hI34567jK', {
'phone_conversion_number': '1-800-123-4567'
});
</script>gtag('config', ...) 타겟 문자열에서 숫자 전환 ID(AW- 접두사 제외)와 전환 라벨을 추출합니다.
| 전화 스니펫 값 | AMP 통화 추적 매개변수 | 예시 값 |
|---|---|---|
AW- 뒤의 숫자 ID |
전환 ID(경로 세그먼트) | 123456789 |
/ 뒤의 문자열 |
전환 라벨(cl 쿼리 매개변수) |
_ABcDEFg12hI34567jK |
2단계: AMP 통화 추적기 구성하기
AMP 페이지의 <head> 요소에 amp-call-tracking 구성요소 스크립트를 포함합니다.
<head>
<script async custom-element="amp-call-tracking"
src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>
통화 전환을 측정하려면 클릭 투 콜 <a> 링크를 Google Ads 통화 추적 엔드포인트를 가리키는 <amp-call-tracking> 요소로 래핑합니다.
<amp-call-tracking config="https://www.googleadservices.com/pagead/conversion/CONVERSION_ID/wcm?cl=CONVERSION_LABEL&tel=1800-123-4567&mode=1"> <a href="tel:18001234567">+1-800-123-4567</a> </amp-call-tracking>
다음을 바꿉니다.
- CONVERSION_ID:
AW-프리픽스가 없는 숫자 Google Ads 전환 ID(예:123456789) - CONVERSION_LABEL: Google Ads 전환 라벨(예:
_ABcDEFg12hI34567jK)
config URL의 tel 쿼리 매개변수는 포함된 <a> 링크의 전화번호와 일치해야 합니다.
제한사항
교차 도메인 연결은 링크 데코레이션을 사용해 작동하기 때문에 사용자가 다음 페이지로 이동하지 않고 AMP 페이지를 종료한 경우에는 여러 도메인 간의 전환 연결이 발생하지 않습니다.