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

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

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

시작하기 전에

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

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

안내

사용 중인 전환추적 태그의 버전을 선택하세요. Google Ads에서만 사이트 전체 태그 스니펫을 가져올 수 있습니다.이 새 버전으로 마이그레이션하는 것이 좋습니다. 이전 버전의 애드워즈에서 가져온 태그도 계속 작동합니다. 이전 버전의 태그를 설치한 경우에 참고할 수 있는 안내도 있습니다.

전체 사이트 태그를 사용하여 전환추적 설정

  1. 먼저 전환 액션을 만듭니다(데스크톱 사이트의 클릭을 추적하려면 웹사이트 전환추적 설정을 참고하고 모바일 사이트의 클릭을 추적하려면 모바일 웹사이트의 전화번호 클릭 추적을 참고합니다).태그를 설정하는 단계에 이르면 페이지 로드 대신 클릭 옵션을 선택해야 합니다. 이벤트 스니펫은 다음과 같습니다.
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_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 how to disable the collection of remarketing data for specific users
  1. 웹사이트에서 추적하려는 버튼 또는 링크가 있는 페이지의 HTML을 엽니다. 전체 사이트 태그 바로 다음 페이지에서 head 태그(<head></head>) 사이에 이벤트 스니펫을 삽입합니다.
  2. 이제 추적하려는 버튼 또는 링크의 코드에 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>
 

버튼에 코드 추가: 이 코드는 <button> 태그를 사용하여 버튼에 클릭 추적 기능을 추가하는 방법을 보여줍니다.아래의 코드에서 'http://example.com/your-link'를 링크의 도착 URL로 바꾸거나 '800-123-4567'을 웹사이트의 전화번호로 대체합니다.

<button onclick="return gtag_report_conversion(‘http://example.com/your-link')">제출</button>

or

<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 함수를 매개변수 값으로 호출해야 합니다.

전환추적 태그 확인

전환추적 태그가 올바르게 설치되었고 전환추적이 제대로 이루어지는지 확인하고 싶거나 태그에 문제가 있다고 판단되면 전환추적 태그를 확인하세요.

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

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

  1. 전환 액션을 설정하면 전환 태그가 다음과 같은 모습으로 표시됩니다.
    	<!-- 장바구니에 추가 전환 페이지용 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>
    

    참고

    개인 맞춤 광고 보기를 원하지 않는 사용자에 대해 리마케팅 데이터 수집을 사용 중지할 수 있습니다. 특정 사용자에 대한 리마케팅 데이터 수집을 사용 중지하는 방법에 대해 알아보세요.
  2. 웹사이트에서 추적하려는 버튼 또는 링크가 있는 페이지의 HTML을 엽니다.
  3. 페이지의 body 태그(<body></body>) 사이에 전환추적 태그를 붙여넣습니다.
  4. 이제 추적하려는 버튼 또는 링크의 코드에 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="Call: 800-123-4567"
       width="32" height="32" 
       onClick="goog_report_conversion('tel:800-123-4567')"/>
      

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

전환 태그 확인

전환 태그가 올바르게 설치되었고 전환추적이 제대로 이루어지는지 확인하고 싶거나 태그에 문제가 있다고 판단되는 경우, 전환추적 태그 확인을 위한 도움말을 참고하세요.

 
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?

도움이 더 필요하신가요?

로그인하여 추가 지원 옵션으로 문제를 빠르게 해결하세요.