리드 확보용 향상된 전환은 웹사이트의 퍼스트 파티 사용자 제공 데이터를 사용하여 웹사이트에서 발생하는 판매 및 거래를 측정합니다. 오프라인 판매를 유도하기 위해 리드 생성 캠페인을 실행하는 경우 리드 확보용 향상된 전환을 통해 광고비의 효과를 파악할 수 있습니다.
리드 확보용 향상된 전환을 이용하면 태그를 통해 퍼스트 파티 데이터를 캡처하여 지속 가능하고 보다 정확하고 우수한 품질의 측정이 가능합니다. 리드 확보용 향상된 전환을 이용하면 지속 가능한 방식으로 심층적인 리드 데이터를 다시 Google에 업로드하여 보고 및 최적화 통계를 추가로 얻을 수 있습니다.
이 도움말에서는 웹사이트에서 Google 태그를 사용하여 리드 확보용 향상된 전환 측정을 설정하는 방법을 설명합니다. Google 태그 관리자를 사용하는 경우 Google 태그 관리자를 사용하여 리드 확보용 향상된 전환 설정하기를 참고하세요. 리드 확보용 향상된 전환의 이점과 작동 방식을 자세히 알아보려면 향상된 전환에 대한 정보를 참고하세요.
시작하기 전에
리드 확보용 향상된 전환을 설정하기 전에 웹사이트 리드 양식을 확인하고 양식에서 리드를 고유하게 식별하는 필드를 선택해야 합니다. 웹사이트에 리드 확보용 향상된 전환을 구성할 때와 나중에 전환을 가져올 때 다음 변수 중 하나 이상을 제공해야 합니다.
- 이메일(권장)
- 전화번호
리드의 이메일 주소는 매우 고유한 식별자이며 CRM에서 형식이 다시 지정되는 경우가 거의 없기 때문에 이메일 주소를 사용하는 것이 좋습니다. 전화번호를 사용하는 경우 태그에서 기호와 대시를 삭제하지만 번호에는 국가 코드가 포함되어 있어야 합니다.
이외에도 다음과 같은 준비를 해야 합니다.
- 웹사이트에서 리드 양식이 있는 URL을 적어둡니다. 설정하는 동안 이 정보가 필요할 수 있습니다.
- 자동 태그 추가가 사용 설정되어 있어야 합니다. 오프라인 전환을 가져오려면 자동 태그 추가가 필요합니다.
- 웹사이트 리드 양식에 퍼스트 파티 고객 데이터(이메일, 전화번호)가 있는지 확인합니다.
- Google Ads의 고객 데이터 정책을 준수하는지 검토하고 확인합니다(아래 단계 참고).
안내
리드 확보용 향상된 전환을 사용하여 오프라인 전환 가져오기를 설정하는 단계는 다음과 같습니다.
1. Google 태그 구성
- 제공된 데이터를 설정할 방법을 선택합니다. Google 클릭 식별자로 계속 진행하기를 클릭하기 전에 'Google 태그' 또는 'Google 태그 관리자'를 선택할 수 있습니다.
- Google 태그: 제공된 데이터가 사용 중지된 경우 오류 메시지 및 태그 구성 안내가 표시됩니다. 태그가 올바르게 구성되면 성공 메시지가 표시됩니다.
- Google 태그 관리자: 안내 및 Google 태그 관리자 페이지에 대한 링크가 포함된 알림이 표시됩니다.
- 'Google 태그 구성' 옆의 태그 구성을 클릭합니다.
- '내 Google 태그' 섹션에서 웹사이트에 Google 태그가 설치되었는지 확인합니다.
- '설정' 섹션에서 '이벤트 자동 감지' 화살표를 클릭합니다.
- '구성' 섹션이 열리면 '양식 상호작용'이 사용 설정되어 있는지 확인한 다음 저장을 클릭합니다.
- '설정' 섹션에서 '웹사이트의 사용자 제공 데이터 포함' 화살표를 클릭합니다.
- '구성' 섹션이 열리면 '웹사이트의 사용자 제공 데이터 포함'을 클릭합니다.
- 사용자 제공 데이터를 포함할 방법을 선택합니다.
- 자동 수집. 이 경우 이메일 주소 패턴과 일치하는 문자열 페이지가 자동으로 검사됩니다. '자동 수집에서 일부 CSS 선택자 제외' 체크박스를 클릭하여 사이트의 특정 페이지, 양식 또는 부분으로 자동 수집을 제한할 수도 있습니다.
- 수동 구성. 페이지에서 CSS 선택자 또는 자바스크립트 변수를 지정합니다.
- 이미지 코드. 이벤트를 전송하는 웹사이트에 자바스크립트 코드를 추가합니다.
- 저장을 클릭합니다.
- 사용자 제공 데이터를 포함할 방법을 선택합니다.
- 'Google 태그' 메뉴에서 저장을 클릭합니다.
- 성공 알림이 전송됩니다. 확인을 클릭합니다.
그런 다음 광고 클릭으로 발생하는 전환을 Google Ads로 가져옵니다.
2. 새 전환 액션 만들기
- Google Ads 계정에서 목표 아이콘 을 클릭합니다.
- 섹션 메뉴에서 전환 드롭다운을 클릭합니다.
- 요약을 클릭합니다.
- 새 전환 액션을 클릭합니다.
- '새 전환 액션' 페이지에서 가져오기를 선택합니다.
- CRM, 파일 또는 기타 데이터 소스를 선택한 다음 클릭에서 발생한 전환 추적을 선택합니다.
- '데이터 소스' 섹션에서 새 데이터 소스 연결을 선택합니다.
- 다음을 통해 데이터 소스를 연결할 수 있습니다.
- 직접 연결
- Zapier를 통한 서드 파티 통합
- 다음을 통해 데이터 소스를 연결할 수 있습니다.
- 계속을 클릭합니다.
- 이 전환 액션의 설정을 입력합니다. 설정에 대한 자세한 내용은 오프라인 전환 가져오기 설정을 참고하세요.
- 저장하고 계속하기를 클릭합니다. 다음 페이지에서 새 전환 액션을 확인합니다.
참고: 처음에 데이터 소스 연결을 건너뛴 경우 '데이터 소스 설정' 섹션에서 설정을 클릭합니다.
- 완료를 클릭합니다.
- '리드 확보용 향상된 전환 사용 설정' 체크박스를 선택합니다. 리드 확보용 향상된 전환을 원하지 않는 경우 'Google 클릭 식별자로 계속 진행하' 또는 '나중에 설정 완료'를 클릭합니다. 전환 액션을 설정한 후 사용 설정하려면 요약 을 클릭하세요. 리드 확보용 향상된 전환 드롭다운에서 리드 확보용 향상된 전환 사용 설정 체크박스를 선택합니다.
3. 고객 데이터 약관 동의
아직 고객 데이터 약관에 동의하지 않은 경우 다음 안내에 따라 약관을 검토하고 이에 동의할 수 있습니다.
- '고객 데이터 약관' 옆에 있는 약관 보기를 선택하고 '고객 데이터 관련 정책 및 기타 약관'을 확인합니다.
- '회사를 대표하여 약관을 읽었으며 이에 동의합니다.' 체크박스를 클릭합니다.
- 동의를 클릭합니다. 상태가 '동의함'으로 업데이트됩니다.
자바스크립트 또는 CSS 선택자를 사용하여 리드 확보용 향상된 전환 설정하기
자바스크립트 변수를 사용 중이라면 개발자에게 이러한 필드에 어떤 변수를 추가해야 하는지 물어보는 것이 가장 쉬울 수 있습니다. CSS 선택자를 사용하는 경우 아래 단계를 따르면 됩니다.
리드 양식 페이지에서 향상된 전환 필드 찾기
- Google Ads 계정과 별도의 탭에서 Chrome 브라우저를 사용하여 리드 양식 제출 페이지로 이동합니다.
- Google에 전송하려는 페이지에서 고객 데이터가 입력된 필드를 확인합니다.
참고: 향상된 전환이 제대로 작동하려면 다음 변수 중 하나 이상을 입력해야 합니다.
- 이메일(권장)
- 전화번호
- 페이지에서 고객 데이터 필드를 확인했으면 다음 단계에 따라 CSS 선택자를 복사하고 이를 Google Ads에 입력해야 합니다.
향상된 전환 CSS 선택자를 확인하고 Google Ads에 입력하기
- 리드 양식 페이지에서 전송하려는 고객 데이터를 찾은 후 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.
참고: Google Ads에서 이메일에 대한 CSS 선택자를 입력하는 경우 리드 양식 페이지에 표시된 이메일 주소를 마우스 오른쪽 버튼으로 클릭해야 합니다.
- Chrome 브라우저 내에서 Chrome 개발자 도구가 시작됩니다.
- Chrome 개발자 도구 페이지에 표시된 소스 코드 안에 코드 일부가 강조표시됩니다. 강조표시된 코드는 이 섹션의 2단계에서 마우스 오른쪽 버튼으로 클릭한 고객 데이터에 해당하는 CSS 선택자가 포함되어 있는 부분입니다.
- 강조표시된 코드 위로 마우스 커서를 가져간 다음 오른쪽 버튼으로 클릭합니다.
- '복사'가 나올 때까지 아래로 스크롤한 다음 선택자를 선택합니다.
- Google Ads의 자동 향상된 전환 섹션(다른 탭)에 있는 텍스트를 해당 필드에 붙여넣습니다.
- 다음과 유사하지만 완전히 똑같지는 않습니다.
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- 다음과 유사하지만 완전히 똑같지는 않습니다.
- 각 고객 데이터 유형(이메일 또는 전화)에도 이 섹션의 2~6단계를 완료합니다.
- Google Ads 계정에서 저장을 클릭합니다.
참고: ID 속성을 사용하여 DOM 요소에서 값을 가져오는 것이 좋습니다. ID는 고유하며 시간 경과에 따라 클래스 이름 또는 이름과 같은 다른 속성보다 변경될 가능성이 작습니다. 또한 레이아웃 변경의 영향을 받지 않습니다. 즉, 페이지의 레이아웃이 변경되더라도 코드는 계속 작동합니다.
필드에 아직 ID가 없는 경우 HTML에서 id
속성을 사용하여 ID를 추가할 수 있습니다. 예를 들면 다음과 같습니다.
<input type="text" id="myTextField">
웹사이트 코드를 수정하여 리드 확보용 향상된 전환 설정하기
자동 탐지 또는 선택자 대신 맞춤 자바스크립트 코드를 통해 리드 확보용 향상된 전환을 구현하여 직접 Google 태그를 호출할 수 있습니다(서드 파티 도구나 iFrame에서 호스팅되는 양식에서 이를 요청할 수 있음).
향상된 전환 필드 식별 및 정의
맞춤 코드에서 이메일 또는 전화번호를 사용할 수 있는지 확인합니다. 데이터가 서버에 도달하기 전에 Google에서 정규화하고 해싱하는 해싱되지 않은 데이터를 전송하거나 정규화되고 해싱된 데이터를 전송할 수 있습니다. 데이터를 정규화하고 해싱하려면 다음 안내를 따르세요.
정규화:
- 선행 및 후행 공백을 삭제합니다.
- 텍스트를 소문자로 변환합니다.
- E164 표준에 따른 형식으로 전화번호를 작성합니다.
해싱:
- 16진수 SHA256을 사용합니다.
아래 표에는 정의할 수 있는 필드에 대한 추가 정보가 나와 있습니다. '키 이름' 열은 다음 단계에서 생성되는 향상된 전환 HTML 스니펫에서 이를 참조하는 방법을 나타냅니다. 모든 데이터는 문자열 유형으로 전달되어야 합니다.
데이터 필드 | 키 이름 | 설명 |
이메일 주소 | 이메일 |
사용자 이메일 주소입니다. 예: '[email protected]' |
sha256_email_address |
해싱된 사용자 이메일입니다. 예를 들면 다음과 같습니다. ‘a8af8341993604f29cd4e0e5a5a4b5d48c575436c38b28abbfd7d481f345d5db’ |
|
전화번호 | phone_number |
사용자 전화번호입니다. E.164 형식이어야 합니다. 다시 말해 11~15자리 수로서 더하기 기호(+)와 접두어, 국가 코드를 포함해야 하며, 대시, 괄호, 공백을 포함하지 않아야 합니다. 예: ‘+11231234567’ |
sha256_phone_number |
해싱된 사용자 전화번호입니다. 예를 들면 다음과 같습니다. ‘e9d3eef677f9a3b19820f92696be53d646ac4cea500e5f8fd08b00bc6ac773b1’ |
향상된 전환 스크립트 적용
Google 태그를 실행할 위치에 다음 스크립트를 구성하고 추가합니다. 웹페이지에서 이러한 속성의 변수 이름과 일치하도록 아래의 변수 이름을 업데이트해야 합니다.
예를 들어 이름이 'email_address'
인 변수에 이메일을 저장하는 경우 이를 반영하도록 스니펫을 수정해야 합니다(예: yourEmailVariable이라고 표시됨).
// 사용자 제공 데이터 객체 구현
<script>
gtag('set', 'user_data', {
"email": yourEmailVariable,
***yourEmailVariable을 사용자의 이메일 데이터를 저장하는 실제 자바스크립트 변수 이름으로 변경합니다. 아래의 다른 변수에도 동일한 작업을 수행합니다. 값이 해싱되지 않아야 합니다.
'phone_number': yourPhoneVariable,
***전화번호는 E.164 형식이어야 합니다. 다시 말해 11~15자리 수로서 더하기 기호(+)와 접두어, 국가 코드를 포함해야 하며, 대시, 괄호, 공백을 포함하지 않아야 합니다.
});
</script>
// 다음 코드 스니펫을 사용하여 사용자 제공 데이터 전송
<script>
gtag('event', 'form_submit', {'send_to': 'AW-ID'});
***AW-
는 그대로 유지하고 ID
를 Google 태그 ID로 변경합니다.
</script>
사이트에서 위 필드 중 하나를 수집하지 않는 경우 필드를 비워 두지 말고 완전히 삭제하세요. 예를 들어 이메일만 수집하는 웹사이트는 다음과 같습니다.
// Implement
<script>
gtag('set', 'user_data', {
"email": {{ yourEmailVariable }}
});
</script>
여러 개의 값
개발자는 선택적으로 문자열 대신 배열 값을 사용하여 여러 값(전화번호 및 이메일의 경우 최대 3개, 주소의 경우 2개)을 제공할 수 있습니다. 값을 두 개 이상 캡처하면 일치 가능성이 높아집니다. 아래 예를 확인하세요.
<script>
gtag('set', 'user_data', {
"email": [yourEmailVariable1, yourEmailVariable2],
"phone_number": [yourPhoneVariable1, yourPhoneVariable2]
});
</script>
사전 해싱된 사용자 데이터를 제공하는 코드의 예는 다음과 같습니다.
// Implement
<script>
gtag('set', 'user_data', {
"sha256_email_address": {{ yourEmailVariable }},
"sha256_phone_number": {{ yourPhoneVariable }}
});
</script>