웹사이트에 전환추적 태그 추가하기

Google Ads 계정에서 전환 액션을 만들면 웹사이트에 추가할 수 있는 전환추적 태그가 제공됩니다. 이 태그는 광고주의 광고를 클릭한 사용자가 웹사이트로 이동하여 구매 또는 가입 등 광고주가 가치가 있다고 정의한 액션을 완료할 경우 이를 추적합니다.

이 도움말에서는 전환추적 태그를 웹사이트에 추가하는 방법에 대해 설명합니다. 시작하기 전에 먼저 전환 액션을 만들고 태그 가져오기를 완료했는지 확인하시기 바랍니다.

여기서 안내하는 사항은 웹사이트에서 발생하는 전환에만 해당합니다. 앱, 전화 통화 또는 오프라인 전환 등 다른 유형의 전환추적에 대한 도움말은 여기를 참조하세요.

시작하기 전에

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

  • Google Ads 계정에서 전환 액션을 만듭니다. 전환 액션을 만들고 전환 태그를 가져오려면 웹사이트에 전환추적 설정하기에 제공된 안내를 따르시기 바랍니다.
  • 웹사이트를 수정할 수 있는 능력이 있어야 합니다. 본인 또는 담당 웹마스터가 웹사이트 코드에 태그를 추가할 수 있어야 합니다.
  • 웹사이트의 전환 페이지를 확인합니다. 이 도움말에 제공된 안내는 사용자가 전환을 완료한 후 새 페이지에 도달할 때 이를 추적하기 위한 것입니다. 고객이 주문을 완료한 후 보게 되는 '주문해 주셔서 감사합니다' 페이지가 이러한 페이지에 해당합니다. 그 대신 사용자가 링크 또는 버튼을 클릭할 때 이를 추적하고 싶다면 클릭을 전환으로 추적하기에 대한 안내에 따르세요.

안내

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

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

  1. 고객이 전환을 완료한 후에 웹사이트에서 보게 되는 페이지(예: '주문 감사' 페이지)의 HTML을 엽니다. 이러한 페이지를 전환 페이지라고 합니다.
  2. 페이지의 헤드 태그(<head></head>) 사이에 전환추적 코드를 붙여넣습니다. 먼저 전체 사이트 태그를 붙여넣은 후 페이지에 적용되는 이벤트 스니펫을 붙여넣습니다(아직 태그를 만들지 않았으면 이 안내에 따라 태그를 만드세요).
  3. 웹페이지에 변경사항을 저장합니다. 완료됩니다.

다음은 매우 간단한 웹페이지 HTML 파일의 예입니다.

		<html>
		<head>
		<title>Sample HTML File</title>
		Paste your global site tag here.
                Paste your event snippet(s) here.
                </head>
		<body>
		</body>
		</html>
	

다음은 동일한 웹페이지에 전환추적 태그를 추가한 후의 모습입니다(단지 샘플일 뿐이며, 이 코드는 광고주의 웹사이트에서 작동하지 않음).

  <html>
  <head>
  <title>Sample HTML File</title>

  <!-- Global site tag (gtag.js) - Google Ads: 123456789 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
  <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'AW-123456789');
  </script>

  <!-- Event snippet for Example conversion page -->
    <script>
      gtag('event', 'conversion', {'send_to': 'AW-123456789/AbC-D_efG-h12_34-567',
        'value': 1.0,
        'currency': 'USD'
      });
    </script>

  </head>
  <body></body>
  </html>
    

주의사항: 거래별로 전환 가치가 달라지는 경우

전환 액션을 만들때 '전환별로 서로 다른 가치 사용'을 선택한 경우 이 안내에 따라거래별 가치를 추적하도록 태그를 수정해야 합니다.

전환 태그 확인

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

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

  1. 고객이 전환을 완료한 후에 웹사이트에서 보게 되는 페이지(예: '주문 감사' 페이지)의 HTML을 엽니다. 이러한 페이지를 전환 페이지라고 합니다.
  2. 이 페이지에서 body 태그(<body></body>) 사이에 전환추적 태그를 붙여넣습니다. 아직 태그를 만들지 않았다면 이 안내에 따라 태그를 만드세요.
  3. 변경사항을 저장하면 완료됩니다.

다음은 매우 간단한 웹페이지 HTML 파일의 예입니다.

		<html>
		<head>
		<title>샘플 HTML 파일</title>
		</head>
		<body>
		전환추적 태그를 여기에 붙여넣으세요.
		</body>
		</html>
	

다음은 동일한 웹페이지 HTML 파일에 전환추적 태그를 추가한 후의 모습입니다(단지 샘플일 뿐이며, 이 코드는 광고주의 웹사이트에서 작동하지 않음).

		<html>
		<head>
		<title>샘플 HTML 파일</title>
		</head>
		<body> 
		<!-- 구매 전환 페이지용 Google 코드 -->
		<script type="text/javascript"> 
		/* <![CDATA[ */
		var google_conversion_id = 1234567890;
		var google_conversion_label = "xxx-XXx1xXXX123X1xX";
		var google_remarketing_only = "false"
			var google_conversion_value = 10.0;
			var google_conversion_currency = "USD"
		/* ]]> */ 
		</script>
		<script type="text/javascript" 
		src="//www.googleadservices.com/pagead/
		conversion.js">
		</script>
		<noscript>
		<img height=1 width=1 border=0 
		src="//www.googleadservices.com/pagead/
		conversion/1234567890/
		?value=10.0&amp;currency_code=USD&amp;label=xxx-   
		XXx1xXXX123X1xX&amp;guid=ON&amp;script=0">
		       </noscript>
		</body>
		</html>
	

주의사항: 거래별로 전환 가치가 달라지는 경우

전환 액션을 만들 때 '이 전환 액션의 가치는 달라질 수 있음'을 선택한 경우 이 안내에 따라 거래별 가치를 추적하도록 태그를 수정해야 합니다.

교차 도메인 전환추적

방문 페이지 도메인이 전환 도메인과 다른 경우와 같이 여러 도메인 간 활동을 측정하려면 다음을 웹사이트 코드에 추가하여 교차 도메인 추적을 사용 설정할 수 있습니다(이 코드는 단지 샘플일 뿐이므로 웹사이트에서 작동하지 않음).

		gtag('set', 'linker', {
                'domains': ['landing-destination.com', 'conversion-
                destination.com']
		});
	

코드는 다음과 같이 전체 스니펫에 표시됩니다.

		<!-- Global site tag (gtag.js) - Google Ads: 123456789 →
		<script async src="https://www.googletagmanager.com/gtag/js?id=AW-
                123456789"></script>
                <script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
                gtag('set', 'linker', {
		'domains': ['landing-destination.com', 'conversion
                -destination.com']
		});
		gtag('js', new Date());
		gtag('config', 'AW-123456789');
		</script>
	

교차 도메인 측정을 통해 도착 도메인을 가리키는 URL에 링커 매개변수를 추가합니다. 이 매개변수는 키 _gl을 포함한 URL 쿼리 매개변수로 식별됩니다.

https://www.landing-destination.com/?_gl=1~abcde5~

여러 문자열 값을 도메인 속성에 추가할 수 있습니다. 1개 이상의 도메인 값을 가진 경우 들어오는 도메인 링크가 기본값으로 허용되므로 모든 도메인에서 동일한 코드 스니펫을 사용할 수 있습니다. 물론 도착 도메인의 전환 페이지에도 전환 이벤트 스니펫을 배치해야 합니다. 도메인 간 고객 여정 측정에 대해 자세히 알아보기

전환 태그 확인

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

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