Ad Grants 및 Stripe 전환 추적 가이드

Stripe 모금 도구를 사용해 거래별 전환을 추적하는 방법

Stripe를 사용해 기부를 추적하려면 확인된 전자상거래 거래를 Google 애널리틱스를 통해 '이벤트'로 전송하는 것이 가장 좋습니다.

전자상거래 측정을 이용하면 웹사이트에서 발생하는 거래 횟수와 수익을 측정할 수 있습니다. 일반적인 전자상거래 사이트에서는 사용자가 브라우저의 '구매' 버튼을 클릭하면 사용자의 구매 정보가 거래를 처리하는 웹 서버로 전송됩니다. 거래가 정상적으로 처리되면 사용자가 '감사' 페이지나 거래 세부정보 및 구매 영수증이 제공되는 영수증 페이지로 리디렉션됩니다.
 
analytics.js 라이브러리를 이용하면 전자상거래 데이터를 '감사' 페이지에서 Google 애널리틱스로 전송할 수 있습니다.

데이터를 전송하려면 다음 단계를 따라야 합니다. 

시작하기 전에

웹사이트 및 Kindful 기부 페이지에서 거래별 가치의 전환 추적을 설정하려면 다음 요건을 충족해야 합니다.

  • Ad Grants 계정: 아직 Google Ads 계정이 없다면 이 단계에 따라 계정을 설정하세요.
  • Google 애널리틱스 계정: 이 계정은 무료로 제공됩니다. 계정이 없는 경우 이 단계에 따라 계정을 설정하세요. 애널리틱스 코드를 복사하여 추적하려는 웹사이트 내 모든 웹페이지의 <HEAD>에 첫 번째 항목으로 붙여넣는 마지막 단계를 반드시 완료하시기 바랍니다.

  • Stripe 계정: 기부 양식과 관련하여 도움이 필요하면 Stripe 고객센터를 참고하세요.

이 도움말에서는 곧바로 설정 안내를 진행합니다. 전환 추적의 작동 원리와 사용해야 하는 이유에 관해 자세히 알아보려면 전환 추적 정보를 참고하세요.

 

1단계: Google 애널리틱스 계정을 Google Ads 계정에 연결하기

Ad Grants 계정은 Google 애널리틱스 계정의 정보를 사용하여 광고 실적을 개선하도록 돕습니다. 계정을 연결하려면 이 안내를 따르세요. 

Google Ads와 Google 애널리틱스를 연결하기 위한 단계

  1. Google Ads 계정에 로그인합니다.

  2. 계정의 오른쪽 상단에 있는 도구 아이콘 을 클릭합니다. '설정'에서 연결된 계정을 클릭합니다.

  3. 'Google 애널리틱스'에서 세부정보를 클릭합니다. 

  4. 액세스 권한이 있는 Google 애널리틱스 속성 목록이 표시됩니다. '상태' 열에는 속성이 Google Ads에 연결되어 있는지 여부가 표시됩니다. 여기에 애널리틱스 속성이 표시되지 않는 경우 해당 속성에 대한 '수정' 권한이 있는지 확인하세요.

  5. '작업' 열에서 Google Ads에 연결할 속성 옆에 있는 연결을 클릭합니다. 속성을 원하는 만큼 연결할 수 있습니다.

  6. 이제 다음 두 화면 중 하나가 표시됩니다.

    • 선택한 속성에 단일 보기만 있는 경우 해당 보기의 이름만 표시됩니다. 사이트 측정항목 가져오기를 선택하여 Google Ads 보고서에서 Google 애널리틱스 데이터를 조회할 수 있도록 합니다.

    • 속성에 여러 보기가 있는 경우 연결할 수 있는 보기 목록이 표시됩니다. 각 보기에 다음을 수행할 수 있습니다.

      • 연결: Google Ads의 클릭 및 비용 데이터를 애널리틱스에서 사용할 수 있고 애널리틱스의 목표 및 거래 내역을 Google Ads로 가져올 수 있습니다. 보기를 원하는 만큼 연결합니다. 

      • 사이트 측정항목 가져오기: (권장사항) 사이트 참여도 측정항목을 가져올 보기를 1개 선택합니다. 이 보기는 계정의 Google 애널리틱스 보고서 열에서 사이트 참여도 측정항목을 표시하는 데 사용됩니다. 이 경우 Google Ads 보고서에 Google 애널리틱스 열을 추가해야 합니다. 대부분의 경우 한 시간 이내에 Google 애널리틱스 데이터를 가져올 수 있지만, 대규모 계정의 경우 시간이 더 소요될 수 있습니다. 데이터 가져오기가 완료되면 Google Ads 보고서에 Google 애널리틱스 열을 추가할 수 있습니다.

  7. 저장을 클릭합니다.

2단계: Google 애널리틱스에서 전자상거래 사용 설정하기

구현한 후에는 애널리틱스 계정에서 전자상거래 기능을 사용 설정해야 합니다.

전자상거래를 사용 설정하기 위한 단계

  1. Google 애널리틱스에 로그인합니다.

  2. 관리를 클릭하고 오른쪽에서 보기 열이 모금 웹사이트에 해당하는지 확인합니다. 

  3. 보기 열에서 '전자상거래 설정'을 클릭합니다.

  4. '전자상거래 사용 설정'을 사용으로 설정합니다. ['향상된 전자상거래'를 사용 설정할 필요는 없습니다.]

  5. '다음 단계'를 클릭합니다.

  6. '제출'을 클릭합니다.

  7. 이 기능에 관해 자세히 알아보려면 여기에서 도움말을 확인하세요.

3단계: 결제 후 고객에게 웹사이트 안내하기

stripe.redirectToCheckout을 사용하여 고객을 Stripe에서 호스팅되는 페이지인 결제로 리디렉션하여 결제 정보를 안전하게 수집합니다. 고객이 구매를 완료하면 웹사이트로 다시 리디렉션됩니다. 결제 시 수집되는 정보를 자세히 알아보려면 여기에서 Stipe 가이드를 확인하세요.

성공 URL은 결제가 완료된 후 Stripe에서 고객을 전송할 위치입니다. 

redirectToCheckout 호출 예:

stripe
  .redirectToCheckout({
    items: [
      // Replace with the ID of your SKU
      {sku: 'sku_123', quantity: 1},
    ],
    successUrl: 'https://your-website.com/success',
    cancelUrl: 'https://your-website.com/canceled',
  })
  .then(function(result) {
    // If `redirectToCheckout` fails due to a browser or network
    // error, display the localized error message to your customer
    // using `result.error.message`.
  }); 

결제가 완료되었을 때 표시되는 결제 세션에 액세스하려면 웹훅을 사용한 결제 처리에 관한 Stripe 가이드를 참고하세요.

4단계: 감사 페이지에서 애널리틱스 이벤트 추적하기

고객이 결제를 완료하거나 결제를 사용하여 구독을 시작하면 Stripe가 successURL 매개변수에 지정한 URL로 고객을 리디렉션합니다. 이 URL은 일반적으로 웹사이트에서 결제가 완료되었음을 고객에게 알리는 페이지입니다.

전자상거래 거래를 추적하려면 Stripe 결제를 통해 거래가 완료된 후 결제 세부정보 및 고객을 [www.your-site.com]으로 보내야 합니다. 그런 다음 관련 결제 세부정보를 값으로 사용하여 Google 애널리틱스 전자상거래 추적 코드를 실행할 수 있습니다.

거래를 추적하려면 다음 단계를 따라야 합니다.

애널리틱스 전자상거래 추적 코드를 수정하기 위한 단계

Google 애널리틱스 추적 코드는 확인 웹페이지([https://example.com/success]) 및 Google 애널리틱스 전자상거래 추적 코드에 구현되어야 합니다. 이를 통해 비즈니스에서 각 거래의 세부정보와 함께 완료된 거래 수를 파악할 수 있습니다. 이 구현을 완료하려면 다음의 하위 단계를 따르세요.

  1. 전체 [www.your-site.com]에서 사용되는 전체 사이트 태그 추적 코드를 확인 웹페이지 마지막 부분에 있는 </head> 태그 앞에 구현합니다(아래 참고). 

  2. 전체 사이트 태그 외에도 PayPal용 교차 도메인 추적을 추가하여 도메인을 자동으로 연결해야 합니다. 교차 도메인 측정은 두 관련 사이트(예: 전자상거래 사이트 및 별도의 장바구니 사이트)의 세션을 별도의 두 세션이 아니라, 단일 세션으로 확인할 수 있는 Google 애널리틱스 기능입니다. 이 기능은 '사이트 연결'이라고도 하며 이 기능을 사용하면 전체 고객 여정을 더 효과적으로 측정할 수 있습니다.

  3. transaction_id, 값, 통화와 같이 수집하려는 추가 정보마다 맞춤 변수를 구현합니다.

  4. 전체 사이트 태그와 동일한 코드 스니펫 내에 Google 애널리틱스 전자상거래 추적 코드를 구현합니다.

거래를 측정하려면 거래 상품과 함께 구매 이벤트를 전송합니다. 예를 들면 다음과 같습니다.

<!-- 전체 사이트 태그(gtag.js) - Google 애널리틱스 -->

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

 

  gtag('config', 'GA_MEASUREMENT_ID');

</script>

 

gtag('config', 'GA_MEASUREMENT_ID', {

  'linker': {

    'domains': ['checkout.stripe.com']

  }

});

gtag('event', 'purchase', {

  "transaction_id": "24.031608523954162",

  "affiliation": "Google 온라인 스토어",

  "value": 23.07,

  "currency": "미화",

  "tax": 1.24,

  "shipping": 0,

  "items": [

    {

      "id": "P12345",

      "name": "Android 워홀 티셔츠",

      "list_name": "검색결과",

      "brand": "Google",

      "category": "의류/티셔츠",

      "variant": "검정",

      "list_position": 1,

      "quantity": 2,

      "price": '2.0'

    },

    {

      "id": "P67890",

      "name": "불꽃 챌린지 티셔츠",

      "list_name": "검색결과",

      "brand": "MyBrand",

      "category": "의류/티셔츠",

      "variant": "빨강",

      "list_position": 2,

      "quantity": 1,

      "price": '3.0'

    }

  ]

});

5단계: 추천 제외 목록에 URL 추가하기

기부자가 기본 도메인(yournonprofit.org)에서 Stripe 결제 페이지로 넘어가면 애널리틱스에서는 기부자가 기본 도메인을 통해 보조 도메인을 방문한 것으로 해석하며 애널리틱스에서는 별도의 방문으로 집계합니다. 기부자의 경험을 정확히 반영하지 않으므로 제외 목록을 설정하는 것이 좋습니다.

안내에 따라 추천 제외 목록을 구현하고 기부, 특별 이벤트, 상품에 사용할 수 있는 하위 도메인을 추가하세요.

추천 트래픽 소스를 추가하기 위한 단계

  1. 애널리틱스 계정에 로그인합니다.
  2. 관리를 클릭합니다.
  3. 계정 열에서 사용할 속성이 포함된 애널리틱스 계정을 선택합니다.
  4. 속성 열에서 속성을 선택합니다.
  5. 추적 정보를 클릭합니다.
  6. 추천 제외 목록을 클릭합니다.
  7. 도메인을 추가하려면 + 추천 제외 추가를 클릭합니다.
  8. 도메인 이름을 입력합니다.
  9. 만들기를 클릭하여 저장합니다.

도움이 되었나요?

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

도움이 더 필요하신가요?

다음 단계를 시도해 보세요.

도움말 커뮤니티에 게시하기 커뮤니티 회원의 답변 받기
문의하기 자세히 알려주시면 도움을 드리겠습니다.
true
검색
검색어 지우기
검색 닫기
기본 메뉴
1981965231246833017
true
도움말 센터 검색
true
true
true
false
false