웹사이트에서 발생하는 클릭을 전환으로 추적하기

전환추적을 사용하여 사용자가 웹사이트에서 버튼 또는 링크를 클릭할 때 이를 추적할 수 있습니다. 예를 들어 사용자가 언제 '지금 구매하기' 버튼을 클릭하는지 또는 언제 모바일 웹사이트의 전화번호를 클릭하는지 추적할 수 있습니다.

이 게시글에서는 고객의 웹사이트 클릭을 추적하기 위해 전환추적 태그를 추가 및 수정하는 방법을 설명합니다. 페이지 로드를 전환으로 추적하려면 이 안내를 참고하세요.

시작하기 전에

전환추적 태그를 웹사이트에 추가하려면 먼저 다음과 같은 요건을 갖춰야 합니다.

이 전환추적 유형이 자신에게 적합한지 확인합니다.
웹사이트를 수정할 수 있는 능력이 있어야 합니다. 본인 또는 담당 웹 개발자가 웹사이트 코드에 태그를 추가할 수 있어야 합니다.

안내

사용 중인 전환추적 태그의 버전을 선택하세요. Google Ads에서만 사이트 전체 태그 스니펫을 가져올 수 있습니다. 이 새 버전으로 마이그레이션하는 것이 좋습니다. 이전 버전의 Google Ads에서 가져온 태그도 계속 작동할 것입니다.

Google 태그를 사용하여 전환 추적 설정

전환 액션을 만들어 웹사이트에서 발생하는 클릭을 추적합니다.
- 데스크톱 사이트의 경우 웹사이트에 전환 추적을 설정합니다.
- 모바일 사이트의 경우 모바일 웹사이트에서 발생한 전화번호 클릭수를 추적합니다.

태그를 설정할 때 페이지 로드 대신 클릭 옵션을 선택합니다. 이벤트 스니펫은 다음과 같습니다.

<script>
function gtag_report_conversion(url) {
     var callback = function () {
     if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'TAG_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD',
     'event_callback': callback
  });
return false;
}
</script>

Note: You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn more About the Google tag.

웹사이트에서 추적하려는 버튼 또는 링크가 있는 페이지의 HTML을 엽니다. Google 태그 바로 다음 페이지에서 head 태그(<head></head>) 사이에 이벤트 스니펫을 삽입합니다.
이제 추적하려는 버튼 또는 링크의 코드에 onclick 속성을 직접 추가해야 합니다. 사용하는 특정 코드는 사이트에서 링크 또는 버튼이 표시되는 방식(텍스트 링크, 버튼, 버튼 이미지)에 따라 다음과 같이 달라집니다.

텍스트 링크에 코드 추가: 이 코드는 <a> 태그를 사용하여 링크에 클릭 추적 기능을 추가하는 방법을 보여줍니다. 아래 코드에서 'http://example.com/your-link'를 링크의 도착 URL로 바꾸거나 '800-123-4567'을 웹사이트의 전화번호로 대체하고 '지금 다운로드' 또는 '전화 걸기'를 링크 텍스트로 변경합니다. 링크 태그에 추가해야 하는 코드가 다음과 같이 노란색으로 표시되어 있습니다.
<a onclick="return gtag_report_conversion('http://example.com/your-link');"
href="http://example.com/your-link">Download now!</a>
or

<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>

Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">제출</button>
또는

<button onclick="return gtag_report_conversion('tel:800-123-4567')">지금 전화하기</button>

버튼 이미지에 코드 추가: 아래 코드에서 'download_button.gif'를 버튼 이미지로 바꾸고 너비와 높이를 버튼의 매개변수로 대체한 후 'http://example.com/your-link'를 링크의 URL로 또는 '800-123-4567'을 웹사이트의 전화번호로 변경합니다.
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onclick="return gtag_report_conversion('http://example.com/your-link')" />
or

<img src="call_button.gif" alt="Call now!" width="32" height="32" onclick="return gtag_report_conversion('tel:800-123-4567')" />

전환 추적이 정상적으로 작동하려면 이벤트 스니펫과 위의 예시에서 볼 수 있는 적합한 onclick 코드를 링크 또는 버튼이 있는 페이지에 추가해야 합니다. 이렇게 하면 고객이 링크 또는 버튼을 클릭할 때만 Google Ads에서 전환으로 기록됩니다.

중요

누군가가 링크, 버튼 또는 버튼 이미지를 클릭하고 웹사이트 또는 전화 링크(예: 'http://example.com/your-link', '전화: 800-123-4567')를 클릭하면 웹사이트에서 gtag_report_conversion 함수를 매개변수 값으로 호출해야 합니다.

Google 태그 확인

전환추적 태그가 올바르게 설치되었고 전환추적이 제대로 진행되는지 확인하고 싶거나, 태그에 문제가 있다고 판단된다면 다음을 참고하세요.

전환추적 태그 확인 방법을 검토하세요.
전환추적 태그 관련 문제를 해결하려면 Google Chrome용 Google Tag Assistant를 다운로드하세요.

자바스크립트를 사용하여 전환추적 설정

웹사이트 또는 모바일 웹사이트의 클릭수를 기반으로 전환을 추적하려면 다음 단계를 따르세요.

전환 액션을 설정하면 전환 태그가 다음과 같이 표시됩니다.

	<!-- 장바구니에 추가 전환 페이지용 Google 코드
	html 페이지에서 사용자가 광고주가 선택한 링크 또는 버튼을 클릭할 때 스니펫을 삽입하고 goog_report_conversion을
 호출합니다. -->
	<script type="text/javascript">
	 /* <![CDATA[ */
	goog_snippet_vars = function() {
	  var w = window;
      w.google_conversion_id = 12345678;
	  w.google_conversion_label = "abcDeFGHIJklmN0PQ";
	  w.google_conversion_value = 13.00;
	  w.google_conversion_currency = "USD";
	  w.google_remarketing_only = false;
	}
	// 아래의 코드를 변경하지 마세요.
	goog_report_conversion = function(url) {
	  goog_snippet_vars();
	  window.google_conversion_format = "3";
	  var opt = new Object();
	  opt.onload_callback = function() {
	  if (typeof(url) != 'undefined') {
	    window.location = url;
	  }
	}
	var conv_handler = window['google_trackConversion'];
	if (typeof(conv_handler) == 'function') {
	  conv_handler(opt);
	  }
        }
	/* ]]> */
	</script>
	<script type="text/javascript"
	src="//www.googleadservices.com/pagead/conversion_async.js">
	</script>

참고: 개인 맞춤 광고를 보기 원하지 않는 사용자에 대해서는 데이터 수집을 중지할 수 있습니다. 특정 사용자의 개인 정보 수집을 중지하는 방법 알아보기

웹사이트에서 추적하려는 버튼 또는 링크가 있는 페이지의 HTML을 엽니다.
페이지의 body 태그(<body></body>) 사이에 전환 추적 태그를 붙여넣습니다.
이제 추적하려는 버튼 또는 링크의 코드에 on click 명령어를 직접 추가해야 합니다. 사용되는 코드는 링크 또는 버튼이 사이트에 표시되는 방식(텍스트 링크, 이미지, 버튼)에 따라 달라집니다.
- 텍스트 링크에 코드 추가: 아래의 코드에서 'http://example.com/your-link'를 웹사이트 또는 전화번호 링크의 URL로 변경하고, '지금 다운로드'를 링크 텍스트로 변경합니다.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">지금 다운로드</a>
```
  또는
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">전화 걸기</a>
```
- 텍스트 링크에 코드 추가: 아래의 코드에서 'http://example.com/your-link'를 웹사이트 또는 전화번호 링크의 URL로 변경하고, '지금 다운로드'를 버튼 텍스트로 변경합니다.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">지금 다운로드</button>
```
  또는
```
<button onclick="goog_report_conversion('tel:800-123-4567')">800-123-4567로 전화 걸기</button>
```
- 이미지에 코드 추가: 아래 코드에서 'download_button.gif'를 버튼 이미지로 대체하고 너비와 높이를 버튼의 매개변수로 대체한 후 'http://example.com/your-link'를 링크의 URL로 대체합니다.
```
<img src="download_button.gif" alt="백서 다운로드
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  또는
```
<img src="my_phone_button.gif" alt="800-123-4567로 전화 걸기"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

전환추적이 제대로 작동하려면 전환추적 태그와 위의 예시 코드 중 하나에 나온 적합한 onclick 코드를 모두 추가해야 합니다. 이렇게 하면 고객이 링크 또는 버튼을 클릭하거나 선택할 때만 Google Ads에서 전환으로 기록됩니다.

전환 태그 확인

전환추적 태그가 올바르게 설치되었고 전환추적이 제대로 진행되는지 확인하고 싶거나, 태그에 문제가 있다고 판단된다면 다음을 참고하세요.

전환추적 태그 확인 방법을 검토하세요.
전환추적 태그 관련 문제를 해결하려면 Google Chrome용 Google Tag Assistant를 다운로드하세요.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?