Google 태그 관리자를 사용하여 웹용 향상된 전환 설정하기

1. Google 태그 관리자 계정에 로그인합니다.
2. Workspace를 클릭한 다음 탐색 메뉴에서 태그를 클릭합니다.
3. 향상된 전환을 구현할 Google Ads 전환 추적 태그를 선택하고 해당 태그를 수정합니다.
   • 이 전환 액션의 전환 추적 ID와 라벨이 Google Ads 계정에서 향상된 전환을 사용 설정한 전환 액션과 동일한지 확인합니다.
4. 웹사이트의 사용자 제공 데이터 포함을 클릭합니다.
5. 드롭다운에서 새 변수를 선택하거나 이미 설정한 경우 기존 변수를 사용합니다.
6. 자동 수집을 선택합니다.
7. 변수에 대해 저장을 클릭한 다음 전환 추적 태그를 저장합니다.

1. Chrome 브라우저를 사용하여 사용자 제공 데이터가 표시되는 페이지로 이동합니다.
   • 사용자 제공 데이터는 웹사이트의 전환 페이지 또는 구매 확인 페이지 이전에 있는 양식 제출 페이지와 같이 전환 페이지 앞에 있는 페이지에 나타날 수 있습니다. Google에 전송하려는 페이지에 표시되는 고객 데이터를 확인하세요. 예를 들어 페이지에 감사 메시지를 표시하고 구매 후 고객 이메일 주소를 포함할 수 있습니다.

     참고: 다음 필드 중 하나 이상을 입력해야 합니다.

     • 이메일(권장)
     • 주소(이름, 성, 우편번호, 국가)가 필요합니다.
       • 선택사항: 추가 일치 키로 사용되는 상세 주소, 도시, 지역
     • 전화번호는 독립형 일치 키로 제공할 수도 있지만 이메일과 함께 보내는 것이 좋습니다.
2. 페이지에서 고객 데이터를 확인했으면 다음 단계에 따라 CSS 선택자를 복사하고 이를 Google 태그 관리자에 입력(또는 기존 데이터 영역 변수가 존재하는 경우 이를 활용)해야 향상된 전환 태그에서 해싱하여 Google에 전송할 데이터를 확인할 수 있습니다. 이 전환 페이지 탭은 계속 열어 두어야 합니다.

먼저 Google Ads 전환 태그가 실행되는 전환 페이지에서 이메일, 주소, 전화번호 등 필요한 변수를 사용할 수 있는지 확인해야 합니다. 이는 구매, 가입, 기타 유사한 전환 유형(고객 데이터가 필요한 경우가 많음)의 전환 페이지에서도 마찬가지입니다. 어떤 페이지인지 확실하지 않은 경우에는 개발자에게 문의하세요.

정보가 있는 것으로 확인되면 페이지에서 이 고객 데이터를 전역 자바스크립트 변수로 저장해야 해당 데이터를 향상된 전환 태그에서 사용할 수 있습니다(이 내용은 다음 섹션에서 설명함).

데이터가 서버에 도달하기 전에 Google에서 정규화하고 해싱하는 해싱되지 않은 데이터를 전송하거나 정규화되고 해싱된 데이터를 전송할 수 있습니다. 데이터를 정규화하고 해싱하려면 다음 안내를 따르세요.

정규화:

• 선행 또는 후행 공백을 삭제합니다.
• 텍스트를 소문자로 변환합니다.
• E164 표준에 따른 형식으로 전화번호를 작성합니다.

해싱:

• 16진수 SHA256을 사용합니다.

아래 표에는 정의할 수 있는 고객 데이터 변수에 대한 추가 정보가 나와 있습니다. 변수 이름을 원하는 대로 지정할 수 있으며 '키 이름' 열에는 향상된 전환 태그에서 변수가 참조되는 방식이 표시됩니다(이 내용은 다음 단계에서 자세히 다룸). 모든 데이터는 문자열 유형 변수로 전달되어야 합니다. 또한 이름과 주소를 정의할 때는 각 구성요소를 개별 변수(예: 이름, 성)로 정의해야 합니다.

다음 단계에서는 Google 태그 관리자에서 향상된 전환을 사용 설정하고 방금 생성한 고객 데이터 변수를 참조합니다. 이후 단계에서 필요하므로 고객 데이터 변수의 이름을 미리 준비하도록 하세요.

1. Google 태그 관리자 계정에 로그인합니다.
2. 작업공간을 클릭한 다음 탐색 메뉴에서 태그를 클릭합니다.
3. 향상된 전환을 구현할 Google Ads 전환 추적 태그를 선택하고 해당 태그를 수정합니다.
   • Google 태그 관리자 계정에서 Google Ads 전환 추적 태그를 설정하지 않은 경우 Google Ads 전환을 읽어보세요.
   • 이 전환 액션의 전환 추적 ID와 라벨이 Google Ads 계정에서 향상된 전환을 사용 설정한 전환 액션과 동일한지 확인합니다.
4. 웹사이트의 사용자 제공 데이터 포함을 클릭합니다.
5. 사용자 제공 데이터 변수 선택을 클릭한 다음 새 변수를 선택합니다.
6. 새로운 '사용자 제공 데이터 변수'의 하단에서 코드를 선택합니다.
7. '변수 유형 선택'에서 맞춤 자바스크립트를 선택합니다.
8. 다음 코드를 맞춤 자바스크립트 변수에 복사합니다.

   function () {

   return {

   "email": yourEmailVariable , // yourEmailVariable을 사용자의 이메일을 캡처하는 변수 이름으로 바꿉니다.

   "phone_number": yourPhoneVariable, // yourPhoneVariable에 대해 반복하고 아래 변수 이름을 따릅니다.

   "address": {

   "first_name": yourFirstNameVariable ,

   "last_name": yourLastNameVariable ,

   "street": yourStreetAddressVariable ,

   "city": yourCityVariable ,

   "region": yourRegionVariable ,

   "postal_code": yourPostalCodeVariable ,

   "country": yourCountryVariable

   }

   }

   }

   정규화되고 해싱된 변수의 코드 샘플:

   참고: 변수를 사용하는 대신 필드에 문자열을 하드코딩하거나 함수를 사용할 수도 있습니다.
   // Implement
<script>
gtag('set', 'user_data', {
"sha256_email_address": yourNormalizedandHashedEmailVariable
   "sha256_phone_number": yourNormalizedandHashedPhoneVariable,
   "address": {
"address.sha256_first_name": yourNormalizedandHashedFirstNameVariable,
   "address.sha256_last_name": yourNormalizedandHashedLastNameVariable,
   "city": yourCityVariable,
   "region": yourRegionVariable,
   "postal_code": yourPostalCodeVariable,
   "country": yourCountryVariable
   }
});
</script>

   해싱된 사용자 데이터 값을 제공하려는 경우 다음 스니펫 예를 사용하세요.

   async function processUserData() {
const userData = {
'sha256_email_address': await hashEmail(email.trim()),
   'sha256_phone_number': await hashPhoneNumber(phoneNumber),
   'address': {
'address.sha256_first_name': await hashName(firstName),
   'address.sha256_last_name': await hashName(lastName),
   'city': city,
   'region': region,
   'postal_code': postalCode,
   'country': country,
   },
};
return userData;

   전화번호는 E.164 형식이어야 합니다. 다시 말해 11~15자리 수로서 더하기 기호(+)와 접두어, 국가 코드를 포함해야 하며, 대시, 괄호, 공백을 포함하지 않아야 합니다.

9. 위 코드의 각 고객 데이터 유형별로 자리표시자 변수(예: yourEmailVariable)를 전환 페이지의 고객 데이터 조각이 포함된 전역 자바스크립트 변수의 이름으로 바꿉니다.
   • 참고로 다음 필드 중 하나 이상을 제공해야 합니다.
     • 이메일(권장)
     • 주소(이름, 성, 우편번호, 국가가 필요합니다.)
     • 전화번호는 독립형 일치 키로 제공할 수도 있지만 이메일과 함께 보내는 것이 좋습니다.
   • 사이트에서 이러한 필드 중 어떤 것도 수집하지 않는 경우 해당 필드를 빈 채로 두지 말고 완전히 삭제합니다. 예를 들어 이메일과 전화번호만 수집하는 웹사이트에는 다음과 같은 맞춤 자바스크립트 변수가 생성됩니다.

     function () {

     return {

     "email": yourEmailVariable,

     "phone_number": yourPhoneVariable

     }

     }

10. 저장을 클릭합니다.

이제 이 전환 액션에 향상된 전환이 설정되었습니다. 다음 단계는 제대로 작동하는지 확인하는 것입니다. 아래의 '구현 검증' 섹션으로 이동합니다.

1. 웹페이지를 마우스 오른쪽 버튼으로 클릭합니다.
2. 검사를 선택합니다.
3. '네트워크 탭'을 선택합니다.
4. 검색창에 'google'을 입력합니다.
5. 'googleadservices.com/pagead/conversion/'(또는 일부 브라우저의 경우 'google.com/pagead/1p-conversion/')으로 이동하는 네트워크 요청을 찾습니다.
6. 쿼리 문자열 매개변수 목록을 보려면 페이로드를 클릭합니다.
7. 해싱된 문자열이 값으로 포함된 매개변수 'em'을 찾습니다. 값은 'tv.1~em'으로 시작하고 그 뒤에 긴 문자열이 와야 합니다. 'em' 매개변수가 표시되면 향상된 전환 태그가 enhanced_conversion_data 객체를 선택하고 해싱한다는 의미입니다.

1. Google Ads 계정에서 목표 아이콘 을 클릭합니다.
2. 섹션 메뉴에서 전환 드롭다운을 클릭한 다음 요약을 클릭합니다.
3. 향상된 전환이 사용 설정된 전환 액션을 클릭합니다.
4. 상단의 페이지 메뉴에서 진단을 선택합니다. 각 섹션에서 향상된 전환의 향상된 전환 태그 진단 보고서와 측정항목을 확인할 수 있습니다.
5. 다양한 상태 확인을 검토하여 모든 것이 예상대로 작동하는지 확인합니다.
6. 태그 진단 보고서에 문제가 발생한 것으로 표시되면 알림과 고객센터의 안내에 따라 문제를 해결하세요.