웹용 향상된 전환은 전환 측정의 정확성을 높일 수 있는 기능입니다. 개인 정보를 보호하면서 웹사이트에서 해싱된 자사 전환 데이터를 전송하여 기존 전환 태그를 보완합니다. 이 기능은 Google에 전송하기 전에 자사 고객 데이터(예: 이메일 주소)에 SHA256이라는 안전한 단방향 해싱 알고리즘을 사용합니다. 그런 다음 클릭 또는 조회 등의 광고 이벤트로 인한 캠페인 전환의 기여도를 분석할 수 있도록, 해싱된 데이터를 로그인한 Google 계정과 매칭합니다.
이 도움말에서는 Google 태그를 이용해 웹용 향상된 전환을 설정하는 방법에 대해 설명합니다. Google 태그 관리자를 이용해 웹용 향상된 전환을 설정하거나 Google Ads API를 이용해 웹용 향상된 전환을 설정할 수도 있습니다.
시작하기 전에
설정을 시작하기 전에 아래의 요건을 충족하는지 알아보세요.
- 전환 태그가 실행되는 전환 페이지 URL(예: 확인 페이지 URL) 및 전환 이벤트 트리거(예: 버튼 클릭 또는 페이지 조회)를 확인합니다.
- 이를 구현하려면 웹사이트에 전환 추적이 설정되는 방식을 파악하고 일부 코드를 변경해야 하므로 필요에 따라 개발팀에 연락할 수 있어야 합니다.
- Google Ads의 향상된 전환 고객 데이터 정책을 검토하고 이를 준수하는지 확인하세요(아래 안내에 나오는 단계 참고).
- URL을 사용하여 전환을 설정한 경우 자바스크립트 또는 CSS 선택자 옵션 또는 자동 향상된 전환을 사용해서만 향상된 전환을 설정할 수 있습니다.
- 향상된 전환을 사용 설정한 후 약 30일이 지나면 전환 액션 표에서 결과를 확인할 수 있습니다. 웹용 향상된 전환을 적용할 때의 결과에 대해 자세히 알아보세요.
안내
- Google Ads 계정에서 목표 아이콘
을 클릭합니다.
- 섹션 메뉴에서 전환 드롭다운을 클릭합니다.
- 설정을 클릭합니다.
- '향상된 전환' 섹션을 펼칩니다.
- '웹용 향상된 전환 사용 설정'을 선택합니다.
- 규정 준수 고지를 검토합니다. 향상된 전환을 사용 설정하려면 Google의 정책을 준수하고 향상된 전환 사용에 Google Ads 데이터 처리 약관이 적용되는지 확인해야 합니다. 동의 및 계속을 클릭하여 약관에 동의함을 확인합니다.
- 드롭다운을 클릭하고 사용자 제공 데이터의 설정 및 관리 방법을 선택합니다. 'Google 태그'를 선택합니다.
참고: Google Ads에서 이미 선택한 데이터와 다른 방식으로 Google의 향상된 전환 데이터를 전송하는 경우 이 데이터는 처리되지 않을 수 있습니다. 예를 들어 'Google 태그'를 선택하고 Google Ads API를 통해 데이터를 전송하려고 하면 API를 통해 전송된 데이터가 처리되지 않습니다.
- 어떤 태그하기 방법을 선택해야 할지가 확실하지 않으면 어떤 방법을 사용해야 하나요?를 클릭합니다. 내 웹사이트 도메인을 입력하고 URL 확인을 클릭하면 표시되는 추천사항을 확인하세요.
- '내 태그가 웹사이트에서 사용자 제공 데이터를 수집합니다'라는 메시지가 표시되면 즉시 저장을 클릭하여 설정을 완료합니다.
- 위의 메시지가 표시되지 않거나 향상된 전환을 구성하는 다른 방법에 대해 알아보려면 태그 세부정보를 클릭합니다.
- 태그 세부정보 화면을 통해 태그에서 사용자 제공 데이터를 포착할 방법을 정할 수 있습니다.
- 사용자 제공 데이터 자동 감지: 구성된 데이터 유형의 패턴과 일치하는 문자열이 페이지에 있는지 자동으로 검사합니다. 가장 편하게 사용할 수 있는 방법이며 대부분의 광고주에게 적합합니다. 보다 세부적으로 제어하려면 웹사이트에 코드 스니펫을 추가하거나 CSS 선택자 또는 자바스크립트 변수를 지정하는 것이 좋습니다. '제외 추가'를 클릭하면 자동 감지를 사용할 때 제외할 CSS 선택자를 지정할 수 있습니다.
- CSS 선택자 또는 자바스크립트 변수 지정: 페이지에서 사용자 제공 관련 데이터가 포함된 CSS 선택자 또는 자바스크립트 변수를 직접 지정합니다. 이 방법을 사용하려면 이 옵션을 선택하고 아래의 안내를 따르세요.
- 웹사이트에 코드 스니펫 추가: 일치 타겟팅에 사용할 해싱된 고객 데이터를 전송하는 코드 스니펫을 웹사이트에 추가합니다. 이 방법을 이용하면 전환 태그가 실행될 때마다 올바른 형식의 데이터가 일관되게 전송되므로 향상된 전환의 정확성이 개선됩니다. 이 방법을 사용하면 '태그 세부정보'에서 체크박스를 선택하지 않아도 됩니다. 코드 스니펫을 통해 전송된 사용자 제공 데이터가 자동으로 처리됩니다. 원하는 경우 여러 옵션을 조합하여 사용할 수 있습니다. 예를 들어 '사용자 제공 데이터 자동 감지'를 선택하여 모든 전환 액션에 자동 감지를 적용하고 선택한 특정 전환 이벤트에 코드 스니펫을 사용할 수 있습니다. 코드 스니펫을 통해 제공된 데이터는 자동으로 감지된 데이터보다 우선순위가 높습니다. 자세한 내용은 아래의 '웹사이트에 코드 스니펫 추가하기'를 참고하세요.
- 저장을 클릭합니다.
- 설정을 완료한 후에는 구현을 검증하여 향상된 전환이 제대로 설정되었는지 확인하세요. 약 30일이 지나면 향상된 전환이 보고 결과에 미치는 영향을 확인할 수 있습니다. 웹용 향상된 전환을 적용할 때의 결과에 대해 자세히 알아보세요.
웹사이트에 코드 스니펫 추가하기
아래의 안내를 따르기 전에 향상된 전환 설정하기의 단계를 완료하고 'Google 태그'를 데이터 소스로 선택했는지 확인하세요.
향상된 전환 필드 식별 및 정의하기
Google Ads 이벤트 스니펫이 실행되는 전환 페이지에서 이메일, 주소, 전화번호 등 필요한 필드를 사용할 수 있어야 합니다. 이는 구매, 가입, 기타 유사한 전환 유형(고객 데이터가 필요한 경우가 많음)의 전환 페이지에서도 마찬가지입니다. 어떤 페이지인지 확실하지 않은 경우에는 개발자에게 문의하세요.
- 이메일(권장)
- 주소(이름, 성, 우편번호, 국가 필요). 선택사항으로, 상세 주소, 도시, 지역을 추가 일치 키로 제공할 수도 있습니다.
- 전화번호는 이메일이나 전체 이름 및 주소와 함께 제공될 수도 있습니다.
데이터가 서버에 도달하기 전에 Google에서 정규화하고 해싱하는 해싱되지 않은 데이터를 전송하거나 정규화되고 해싱된 데이터를 전송할 수 있습니다. 데이터를 정규화하고 해싱하려면 다음 안내를 따르세요.
정규화:
- 선행 또는 후행 공백을 삭제합니다.
- 텍스트를 소문자로 변환합니다.
- E164 표준에 따른 형식으로 전화번호를 작성합니다.
해싱:
- 16진수 SHA256을 사용합니다.
아래 표에는 정의할 수 있는 필드에 대한 추가 정보가 나와 있습니다. '키 이름' 열은 다음 단계에서 생성되는 향상된 전환 HTML 스니펫에서 이를 참조하는 방법을 나타냅니다. 모든 데이터는 문자열 유형으로 전달되어야 합니다.
| 데이터 필드 | 키 이름 | 설명 |
|---|---|---|
| 이메일 주소 | 이메일 |
사용자 이메일 주소입니다. 예: 'jdoe@example.com' |
sha256_email_address |
해싱된 사용자 이메일입니다. 예를 들면 다음과 같습니다. ‘a8af8341993604f29cd4e0e5a5a4b5d48c575436c38b28abbfd7d481f345d5db’ |
|
| 전화번호 | phone_number |
사용자 전화번호입니다. E.164 형식이어야 합니다. 다시 말해 11~15자리 수로서 더하기 기호(+)와 접두어, 국가 코드를 포함해야 하며, 대시, 괄호, 공백을 포함하지 않아야 합니다. 예: ‘+11231234567’ |
sha256_phone_number |
해싱된 사용자 전화번호입니다. 예를 들면 다음과 같습니다. ‘e9d3eef677f9a3b19820f92696be53d646ac4cea500e5f8fd08b00bc6ac773b1’ |
|
| 이름 | address.first_name |
사용자의 이름입니다. 예: '길동' |
address.sha256_first_name |
해싱된 사용자 이름입니다. 예를 들면 다음과 같습니다. ‘96d9632f363564cc3032521409cf22a852f2032eec099ed5967c0d000cec607a’ |
|
| 성 | address.last_name |
사용자의 성입니다. 예: '홍' |
address.sha256_last_name |
해싱된 사용자 성입니다. 예를 들면 다음과 같습니다. ‘799ef92a11af918e3fb741df42934f3b568ed2d93ac1df74f1b8d41a27932a6f’ |
|
| 상세 주소 | address.street |
사용자의 상세 주소입니다. 예: '123 New Rd' |
| 구/군/시 | address.city |
사용자의 구/군/시 이름입니다. 예: 'Southampton' |
| 지역 | address.region |
사용자의 주/도 또는 지역입니다. 예: `'Hampshire' |
| 우편번호 | address.postal_code |
사용자의 우편번호입니다. 예: 'SO99 9XX' |
| 국가 | address.country |
사용자의 국가 코드입니다. 예: 'UK'. ISO 3166-1 alpha-2 표준에 따라 두 자리의 국가 코드를 사용합니다. |
향상된 전환 스크립트 적용
Google Ads 이벤트 스니펫이 설치된 전환 페이지에 다음 스크립트를 구성하고 추가합니다. 웹페이지에서 이러한 속성의 변수 이름과 일치하도록 아래의 변수 이름을 업데이트해야 합니다.
예를 들어 이름이 'email_address'인 변수에 이메일을 저장하는 경우 이를 반영하도록 스니펫을 수정해야 합니다(예: yourEmailVariable이라고 표시됨).
// Implement
<script>
gtag('set', 'user_data', {
"email": yourEmailVariable, ***Change yourEmailVariable to the actual Javascript variable name where you are storing the user’s email data. 아래의 다른 변수에도 동일한 작업을 수행합니다. 값이 해싱되지 않아야 합니다.
"phone_number": yourPhoneVariable,
"address": {
"first_name": yourFirstNameVariable,
"last_name": yourLastNameVariable,
"street": yourStreetAddressVariable,
"city":yourCityVariable,
"region": yourRegionVariable,
"postal_code": yourPostalCodeVariable,
"country": yourCountryVariable
}
});
</script>
전화번호는 E.164 형식이어야 합니다. 다시 말해 11~15자리 수로서 더하기 기호(+)와 접두어, 국가 코드를 포함해야 하며, 대시, 괄호, 공백을 포함하지 않아야 합니다.
사이트에서 위 필드 중 하나를 수집하지 않는 경우 필드를 비워 두지 말고 완전히 삭제하세요. 예를 들어 이메일과 전화번호만 수집하는 웹사이트의 모양은 다음과 같습니다.
<script>
gtag('set', 'user_data', {
"email": {{ yourEmailVariable }},
"phone_number": {{ yourPhoneVariable }}
});
</script>
- 이메일(권장)
- 주소 - 주소에는 이름, 성, 우편번호, 국가가 필요합니다. 선택사항으로, 상세 주소, 도시, 지역을 추가 일치 키로 제공할 수도 있습니다.
- 전화 번호(이메일이나 전체 이름 및 주소와 함께 제공해야 함)
여러 개의 값
개발자는 선택적으로 문자열 대신 배열 값을 사용하여 여러 값(전화번호 및 이메일의 경우 최대 3개, 주소의 경우 2개)을 제공할 수 있습니다. 값을 두 개 이상 캡처하면 일치 가능성이 높아집니다. 아래 예를 확인하세요.
gtag('set', 'user_data', {
"email": [yourEmailVariable1, yourEmailVariable2],
"phone_number": [yourPhoneVariable1, yourPhoneVariable2],
"address": [
{first_name: yourFirstNameVariable,last_name: yourLastNameVariable, street: yourStreetAddressVariable, city: yourCityVariable, region: yourRegionVariable, postal_code: yourPostalCodeVariable},
{first_name: yourFirstNameVariable,last_name: yourLastNameVariable, street: yourStreetAddressVariable, city: yourCityVariable2, region: yourRegionVariable2, postal_code: yourPostalCodeVariable2}
]
});
</script>
전환 페이지 Google 태그 설정하기
'allow_enhanced_conversions': true}'를 추가합니다.적용 전: Google 태그의 예시(현재)
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
적용 후:
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config','TAG_ID', {'allow_enhanced_conversions':true});
</script>
CSS 선택자 또는 자바스크립트 변수 지정하기
아래의 안내를 따르기 전에 향상된 전환 설정하기의 단계를 완료하고 'Google 태그'를 데이터 소스로 선택했는지 확인하세요. 또한 구현 방법으로 'CSS 선택자 또는 자바스크립트 변수 지정'을 선택해야 합니다.
전환 페이지에서 향상된 전환 필드 찾기
- Google Ads 계정과 별도의 탭에서 Chrome 브라우저를 사용하여 전환 페이지로 이동합니다. 어떤 페이지인지 확실하지 않은 경우에는 개발자에게 문의하세요.
- Google에 전송하려는 페이지에 표시되는 고객 데이터를 확인하세요. 예를 들어 페이지에 감사 메시지를 표시하고 구매 후 고객 이메일 주소를 포함할 수 있습니다.
참고: 향상된 전환이 제대로 작동하려면 다음 변수 중 하나 이상을 입력해야 합니다.
- 이메일(권장)
- 전체 이름 및 주소(이름, 성, 상세 주소, 도시, 지역, 우편번호, 국가)
- [선택사항] 전화번호는 이메일 또는 전체 이름 및 주소와 함께 제공할 수 있습니다(전화번호만 제공하면 안 됨).
- 페이지에서 고객 데이터를 확인했으면 다음 단계에 따라 CSS 선택자 또는 자바스크립트 변수를 복사하고 Google Ads에 입력해야 합니다.
향상된 전환 CSS 선택자를 확인하고 Google Ads에 입력하기
- 안내에 따라 향상된 전환을 사용 설정하고 'CSS 선택자 또는 자바스크립트 변수 지정'을 선택합니다.
- 맞춤설정을 클릭하면 원하는 데이터 유형마다 CSS 선택자를 지정할 수 있는 필드가 있는 화면이 표시됩니다.
- 사용하려는 각 고객 데이터(예: 이메일, 이름, 주소)의 체크박스를 선택합니다.
- 자바스크립트 또는 CSS 선택자를 선택합니다.
참고: 자바스크립트 변수를 사용 중이라면 개발자에게 이러한 필드에 어떤 변수를 추가해야 하는지 물어보는 것이 가장 쉬울 수 있습니다. CSS 선택자를 사용하는 경우 아래 단계를 따르면 됩니다.
- 별도의 탭에서 전환 페이지로 이동합니다.
- 전환 페이지에서 향상된 전환으로 전송할 고객 데이터를 찾으면 페이지 상단을 마우스 오른쪽 버튼으로 클릭하고 '검사'를 선택합니다.
- Google Ads에서 이메일에 대한 CSS 선택자를 입력하는 경우 전환 페이지에 표시된 이메일 주소를 마우스 오른쪽 버튼으로 클릭해야 합니다.
- Chrome 브라우저 내에서 Chrome 개발자 도구가 시작됩니다.
- Chrome 개발자 도구 페이지에 표시된 소스 코드 안에 코드 일부가 강조표시됩니다. 강조표시된 코드는 이 섹션의 2단계에서 마우스 오른쪽 버튼으로 클릭한 고객 데이터에 해당하는 CSS 선택자가 포함되어 있는 부분입니다.
- 강조표시된 코드 위로 마우스를 가져간 다음 오른쪽 버튼으로 클릭합니다.
- 아래로 스크롤하여 '복사'로 이동한 다음 '선택자'를 선택합니다.
- 해당 텍스트를 Google Ads의 다른 탭에 있는 필드에 붙여넣습니다. 다음과 유사하지만 완전히 똑같지는 않습니다.
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail - 각 고객 데이터 유형(예: 이메일, 이름, 주소)에도 이 섹션의 6~12단계를 완료합니다.
- Google Ads에서 저장을 클릭합니다.
구현 검증하기
향상된 전환이 제대로 사용되어 작동하는지 확인하려면 전환 페이지로 이동한 후(테스트 전환을 완료해야 할 수 있음) 다음 단계를 따르세요. 향상된 전환을 사용 설정한 직후 확인하여 제대로 작동하지 않는 경우 필요에 따라 변경하는 것이 좋습니다.
Chrome 개발자 도구를 이용해 구현 검증하기
- 웹페이지를 마우스 오른쪽 버튼으로 클릭합니다.
- 검사를 선택합니다.
- '네트워크' 탭을 선택합니다.
- 검색창에 'google'을 입력합니다.
- 'googleadservices.com/pagead/conversion/'(또는 일부 브라우저의 경우 'google.com/pagead/1p-conversion/')으로 이동하는 네트워크 요청을 찾습니다.
- 쿼리 문자열 매개변수 목록을 보려면 '페이로드' 탭을 클릭합니다.
- 해싱된 문자열이 값으로 포함된 매개변수 'em'을 찾습니다. 값은 'tv.1~em'으로 시작하고 그 뒤에 긴 문자열이 와야 합니다. 'em' 매개변수가 표시되면 향상된 전환 태그가
enhanced_conversion_data객체를 올바르게 선택하고 해싱한다는 의미입니다.
72시간 후에 진단 보고서를 통해 구현 상태 확인하기
- Google Ads 계정에서 목표 아이콘
- 섹션 메뉴에서 전환 드롭다운을 클릭합니다.
- 향상된 전환이 사용 설정된 전환 액션을 클릭합니다.
- 상단의 페이지 메뉴에서 진단을 선택합니다. 각 섹션에서 향상된 전환의 향상된 전환 태그 진단 보고서와 측정항목을 확인할 수 있습니다.
- 다양한 상태 확인을 검토하여 모든 것이 예상대로 작동하는지 확인합니다.
- 태그 진단 보고서에 문제가 발생한 것으로 표시되면 알림과 고객센터의 안내에 따라 문제를 해결하세요.
향상된 전환 사용 중지하기
계정 수준에서 향상된 전환을 사용 중지하려면 다음 단계를 따르세요.
- Google Ads 계정에서 목표 아이콘
- 섹션 메뉴에서 전환 드롭다운을 클릭합니다.
- 설정을 클릭합니다.
- '향상된 전환' 섹션을 펼칩니다.
- 체크박스를 선택 해제하여 향상된 전환을 사용 중지합니다.
- 저장을 클릭합니다.
전환 액션 수준에서 향상된 전환을 사용 중지하려면 다음 단계를 따르세요.
- Google Ads 계정에서 목표 아이콘
- 섹션 메뉴에서 전환 드롭다운을 클릭합니다.
- 향상된 전환을 사용 중지할 전환 액션을 선택합니다.
- 설정을 클릭합니다.
- '향상된 전환' 섹션을 펼칩니다.
- 향상된 전환 사용 옆의 체크박스를 선택 해제합니다.
- 저장을 클릭합니다.
