개요

숍라인 2.0의 Google Ads 전환 추적 설정을 위한 가이드입니다.

Google Tag Manager(GTM)를 사용하여 구매 전환 이벤트를 추적하고, 마케팅 캠페인의 성과를 측정할 수 있습니다.

적용 사례: duorexin.hk

• duorexin.hk 숍라인 스토어에 본 전환 추적 구조를 실제 적용했습니다.
• GTM을 활용해 주문 완료 페이지에서 구매 금액 및 주문 번호를 추출하여
  Google Ads 전환 태그에 전달되도록 설정했습니다.
• 구조적으로 동일한 숍라인 환경이라면 유사 방식으로 적용 가능합니다.

마케터용 안내

사전 준비 사항

• Google Ads 계정에 전환 액션(purchase) 등록 완료
• 전환 ID 및 전환 라벨 확보 (예: AW-123456789/abcDefGhiJkL)
• 통화 설정 확인 (예: KRW, HKD 등)
• 테스트용 상품 준비 또는 결제 가능한 환경 구성
• GTM 컨테이너가 숍라인에 정상 연동되어 있어야 함

확인 방법

• Google Ads 관리자 → 전환 → 구매 전환 항목에서 데이터 수신 확인
• Google Tag Assistant 또는 GTM Preview로 태그 작동 여부 확인
• 전환이 안 잡히는 경우 개발파트에 문의하여 로그 확인 요청

개발 담당자용 안내

Google Tag Manager를 통한 전환 추적 코드 적용 방법을 안내합니다.
주문 완료 페이지에 구매 금액과 주문 번호를 추출하여 Google Ads로 전송하는 코드를 설정합니다.

트리거 설정 (GTM)

• 이름: purchase
• 트리거 유형: 페이지 뷰
• 조건:
  • Page URL → 포함: thank_you
  • Page Path → 정규식: ^/[0-9]+/checkouts/.*/thank_you

태그 설정 (맞춤 HTML)

<script>
window.addEventListener('DOMContentLoaded', function () {
  // 구매 금액 추출
  var priceEl = document.querySelector('[data-key="settleSumAmount"] .trade_summations__amount-price');
  var amount = 0;
  if (priceEl) {
    var text = priceEl.innerText || priceEl.textContent;
    amount = parseFloat(text.replace(/[^\d.]/g, '')) || 0;
  }

  // 주문 번호 추출
  var orderEl = document.querySelector('.trade_order_num');
  var orderId = orderEl ? orderEl.textContent.replace('#', '').trim() : '';

  console.log('[GAds] amount:', amount, 'orderId:', orderId);

  // Google Ads 전환 이벤트 전송
  gtag('event', 'conversion', {
    send_to: 'AW-XXXXXXX/전환ID',
    value: amount,
    transaction_id: orderId,
    currency: 'HKD' // 사업자 통화에 따라 변경
  });
});
</script>

테스트 체크리스트

• 테스트용 결제 진행 (실 주문으로 확인 필요)
• 브라우저 콘솔에서 amount, orderId 출력 확인
• Google Tag Assistant 또는 GTM Preview에서 태그 발동 확인
• Google Ads 관리자에서 전환 리포트 수신 여부 확인

문제 해결

전환이 잡히지 않을 경우

전환 추적이 예상대로 작동하지 않거나, Google Ads 관리자에 데이터가 나타나지 않는 경우
아래 항목을 순서대로 점검해 보시기 바랍니다.

점검 항목