전화 통화 전환 추적을 사용하면 광고가 웹사이트에서 사용자의 전화 통화를 유도하는 데 얼마나 효과적인지 알 수 있습니다. 사용자가 광고주의 광고를 클릭한 후 광고주의 웹사이트를 방문한 경우, 웹사이트 통화 전환 추적을 통해 사이트에서 발생한 통화를 파악하고 추적할 수 있습니다.
전화 통화 전환 추적에서는 설정된 최소 시간보다 오래 지속된 통화를 전환으로 추적합니다. 즉, 판매나 비즈니스에 가치를 주는 다른 액션을 포함하지 않을 가능성이 큰 짧은 통화는 전환 집계에서 제외합니다.
사이트의 비즈니스 전화번호 대신 동적으로 생성되는 Google 착신 전화번호를 무료로 사용할 수 있습니다. 그러면 통화 전환으로 연결된 특정 키워드, 광고, 광고그룹, 캠페인을 평가할 수 있습니다.
시작하기 전에
통화가 판매나 다른 전환으로 이어지는 때를 추적하기 위해 다른 시스템을 사용하고 있다면 통화 전환 액션 가져오기를 만드는 것이 좋습니다. 또는 전화 통화 전환 추적에 대한 도움말에서 모든 통화 전환 액션을 확인할 수도 있습니다.
웹사이트를 통해 걸려온 전화의 전환 추적을 설정하려면 다음 요건을 충족해야 합니다.
- Google Ads 계정
- Google이 허용하는 국가에서 비즈니스 운영: 현재 Google 착신 전화번호는 이 국가에서 사용할 수 있습니다.
- 웹사이트: 전환 추적 코드('태그')를 삽입할 웹사이트가 있어야 합니다.
- 웹사이트 수정 가능: 광고주 또는 광고주의 웹 개발자가 웹사이트에 전환 추적 태그를 추가하고, 사업장 전화번호를 Google 착신 전화번호로 대체하는 자바스크립트 코드를 추가할 수 있어야 합니다.
안내
웹사이트에 게시된 Google 착신 전화번호로 걸려오는 전화의 전환 추적을 설정하는 방법은 크게 두 부분으로 나뉩니다.
Google 태그를 설정한 후에는 전화 스니펫을 추가해야 합니다. 전화 스니펫은 웹사이트의 전화번호를 Google 착신 전화번호로 대체합니다. 전화번호가 나타나는 사이트 페이지에 이 스니펫을 설치하세요.
- '전화 스니펫' 옆의 스니펫 다운로드를 클릭합니다. 웹사이트에 직접 전화 스니펫을 입력할 수 있습니다. 전화 스니펫은 웹사이트에 있는 전화번호를 Google 착신 전화번호로 대체하여 광고가 웹사이트에서 얼마나 효과적으로 전화 통화를 유도해 주는지를 보여줍니다. 입력한 표시 번호로 스니펫이 자동으로 채워집니다.
- 태그를 설치할 방법을 선택합니다. 방법은 다음과 같습니다.
- 직접 태그 설치. 이 옵션을 선택하는 경우 태그를 설치한 후 아래 안내에 따라 웹사이트 코드를 직접 수정해야 합니다. 이 옵션은 고급 옵션이며 JavaScript 사용에 능숙한 경우에만 사용하는 것이 좋습니다. 웹사이트의 여러 전화번호에 걸려오는 통화를 추적하려면 이 옵션을 사용해야 합니다. 참고: 기본 JavaScript 태그를 사용하여 하나의 번호만 추적할 수 있습니다.
- 이메일로 태그 보내기.
- Google 태그 관리자 사용.
- 이메일로 태그 보내기를 선택한 경우 '이메일 주소' 옆에 웹 개발자의 이메일 주소를 입력합니다.
- 전송하고 계속하기를 클릭합니다.
- 만들고 계속하기를 클릭합니다.
- 전환 추적 코드 앞에 들어가는 HTML의 샘플(샘플이므로 웹사이트 코드에 사용하지 마세요.)
<html>
<head>
<title>Sample HTML File</title>
</head>
<body>
This is the body of your web page.
</body>
</html> -
전환 추적 코드 뒤에 들어가는 HTML의 샘플(샘플이므로 웹사이트 코드에 사용하지 마세요.)
<html>
<head>
<title>Sample HTML File</title>
<!-- Google tag (gtag.js) - Google Ads: TAG_ID -->
<script async src="https://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>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555'
});
</script></head>
<body>
This is the body of your web page.
</body>
</html>
Google 태그 관리자를 사용하여 웹사이트에 게시된 전화번호로 걸려오는 전화 추적하기
다음 가이드라인에 따라 Google 태그 관리자를 사용하여 웹사이트에 게시된 전화번호로 걸려오는 전화를 추적할 수 있습니다.
Google 태그 관리자에서 태그 설정하기
- Google 태그 관리자에 로그인합니다.
- 작업공간 중 하나를 선택합니다.
- 태그를 클릭합니다.
- 새로 만들기를 클릭하여 새 태그를 만듭니다.
- 태그 구성을 클릭합니다. 아래로 스크롤하여 웹사이트 전환에서 오는 Google Ads 전화를 선택합니다.
- 웹사이트에 표시되는 전화번호를 입력합니다.
참고: 웹사이트에 표시되는 전화번호와 정확히 같은 자리 수의 전화번호를 입력해야 합니다.
- Google Ads 계정의 전환 ID와 라벨을 입력합니다.
- 사용자가 검색 광고를 클릭한 다음 웹사이트에 표시된 착신 전화번호로 전화를 걸 때 실행될 트리거를 제공하거나 만듭니다.
- 참고: 사용자가 광고를 클릭하고 웹페이지를 방문한 후 6단계에서 제공된 착신 전화번호가 추가 사용자 트리거 없이 활성화됩니다.
- 태그를 저장하고 변경사항을 게시합니다.
참고: Google 태그 관리자 표준 웹사이트 통화 전환 태그는 국제 번호 형식과 호환되지 않습니다. 이로 인해 Google 착신 전화번호가 의도하지 않은 더하기 기호 (+)와 함께 표시될 수 있습니다. Google 태그 관리자 웹사이트 통화 전환 태그에 잘못된 더하기 기호가 표시되지 않도록 하려면 더하기 기호가 포함되지 않은 국가 코드 불포함 숫자 형식을 사용하세요.
Google 착신 전화번호를 표시하도록 웹사이트 코드 직접 수정하기
위 단계를 완료하는 동안 웹사이트에 전화번호를 입력했으면 아래 단계를 따르지 않아도 됩니다. '번호를 입력하지 마세요'를 선택한 경우 사용자나 웹 개발자가 아래 예를 참고하여 다음 단계를 실행해야 합니다.
예
- 전화 스니펫이 추가된 페이지 또는 전화번호가 표시되는 페이지의 HTML을 엽니다. 전화 스니펫은 아래 코드 샘플처럼 보이며, 여기에서
'TAG_ID'는 태그 ID를 나타내고'CONVERSION_LABEL'은 전환 라벨을 나타냅니다.<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': 'REPLACE WITH VALUE'
});
</script> - phone_conversion_number 매개변수에서 "REPLACE WITH VALUE" 부분을 비즈니스 전화번호로 바꿉니다. 번호가 해당 국가의 코드를 포함하여 페이지에 나와 있는 번호와 정확히 일치하는지 확인하세요.
- (선택사항) 전화 스니펫에 다음 선택적 매개변수를 추가합니다. 다음 안내에 따라 매개변수 값을 입력하세요.
- phone_conversion_callback: 콜백 함수를 입력합니다. 이 함수는 2개의 인수로 호출됩니다. 첫 번째 인수는 phone_conversion_number 매개변수와 같은 형식의 전화번호이고, 두 번째 인수는 일반 형식의 전화번호(예: '18001234567')입니다.
- phone_conversion_css_class: CSS 클래스 이름을 입력합니다. 해당 클래스의 모든 요소에 전화번호 형식의 대체 콘텐츠가 생깁니다.
- phone_conversion_options: 다음 값 중 하나를 입력할 수 있습니다.
- timeout: 번호를 검색하는 데 허용되는 최대 시간(밀리초)입니다. 이 시간 내에 번호를 가져올 수 없는 경우 타겟으로 전송되는 번호가 없습니다. 기본 제한 시간은 5,000밀리초입니다.
- cache: 쿠키에서 가져온 번호의 캐싱을 사용하지 않으려면 false로 설정합니다. 그렇지 않으면 값을 true로 설정합니다.
선택적 매개변수가 있는 전화 스니펫의 예
<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555',
'phone_conversion_callback': function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as the
// number passed to 'phone_conversion_number'.
// (in this case, '1-650-555-5555')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+16505555555')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
},
'phone_conversion_options': {
'timeout': 20,
'cache': false
}
});
</script> - 웹페이지에 변경사항을 저장합니다.
아래 예는 이 코드를 구현하는 방법을 소개하는 세 가지 사례입니다.
사례 1: 고정 전화번호를 Google 착신 전화번호로 대체
전화번호를 가져와 지정된 클래스의 스팬 태그에 포함된 콘텐츠를 대체합니다. 아래 예의 경우, 스팬 태그 내의 전화번호 '1-800-123-4567'이 동적으로 생성되고 포맷된 착신 전화번호로 대체됩니다.
- 값 숫자가 있는 phone_conversion_css_class 매개변수를 전화 스니펫에 추가합니다. 아래 예에서 해당 행이 노란색으로 표시되어 있습니다.
<script type="text/javascript">
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_css_class':'number'
});
</script> - 전화번호가 있는 웹페이지의 HTML에서 phone_conversion_css_class 매개변수(아래 예에서 노란색으로 표시됨)의 클래스를 전화번호가 포함된 스팬 태그에 추가합니다.
<body>
<span class="number">1-800-123-4567</span>
</body>
사례 2: Google 착신 전화번호를 맞춤 콜백 함수로 전달
이 함수는 전화번호를 가져와 콜백 함수로 전송합니다. 아래 예의 경우, ID가 '번호'인 요소의 콘텐츠가 포맷된 착신 전화번호로 대체됩니다.
- 아래 코드 샘플과 일치하도록 전화 스니펫을 업데이트하세요. '1-800-123-4567'을 웹사이트에 표시되는 전화번호로 대체합니다. 또한 '
TAG_ID'를 Google Ads 계정 고유의 태그 ID로 대체하고'CONVERSION_LABEL'을 전환 액션에 고유한 전환 라벨로 대체합니다.<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - 전화번호가 있는 웹페이지의 HTML에서 전화번호가 포함된 스팬 태그에 값 숫자(아래 예에서 노란색으로 표시됨)와 함께 ID 매개변수를 추가합니다.
<body>
<span id="number">1-800-123-4567</span>
</body>
휴대전화로 웹사이트에 방문한 사용자가 사업장으로 손쉽게 전화할 수 있도록 Google 착신 전화번호를 클릭 가능한 전화번호로 만들 수 있습니다.
예 3: Google 착신 전화번호를 모바일 사이트의 맞춤 콜백 함수로 전달
클릭하여 통화할 수 있는 전화번호가 게재된 모바일 웹페이지에서 표시되는 전화번호와 클릭 시 직접 통화가 이루어지는 전화번호를 모두 변경합니다. 이 경우 콜백 함수를 사용해야 합니다.
- 아래 코드 샘플과 일치하도록 전화 스니펫을 업데이트하세요. '1-800-123-4567'을 웹사이트에 표시되는 전화번호로 대체합니다. 또한 'CONVERSION_ID'를 Google Ads 계정 고유의 전환 ID로 대체하고 'CONVERSION_LABEL'을 전환 액션에 고유한 전환 라벨로 대체합니다.
<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display,in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.href = "tel:" + mobile_number;
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - 전화번호가 있는 웹페이지의 HTML에서 전화번호가 포함된 <a> 태그에 값 숫자(아래 예에서 강조표시됨)와 함께 ID 속성을 추가합니다.
<body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>
코드 확인하기
전환 액션을 추적할 수 있도록 광고가 활성화되는 데에는 최대 1시간이 걸릴 수 있습니다. 광고가 작동하는지 확인하고 싶은 경우, 광고를 가져오는 검색을 한 다음 광고를 클릭하여 내 웹사이트를 방문하면 됩니다(클릭에 대한 비용이 청구됨). 일반 전화번호는 Google 착신 전화번호로 대체해야 합니다.
반복 테스트를 하려면 광고를 다시 클릭하기 전에 브라우저에서 'gwcc' 쿠키를 삭제하세요.
