#B4d. 구글 태그매니저 dataLayer 현황

도너스 결제페이지에 기본적으로 삽입되어 있는 구글 태그매니저 데이터 레이어(dataLayer) 현황을 안내해 드립니다. 구글 태그매니저와 구글 애널리틱스를 함께 사용하시는 경우 본 문서를 참고해 전자상거래 설정을 진행해 주세요.

목차

• 1. 도너스 결제페이지 구성

• 2. 기본 dataLayer 현황

1. 도너스 결제페이지 구성

도너스 결제페이지의 구성에 대해 익숙하지 않으실 경우, 결제페이지의 결제경로 구성 및 URL 문서를 통해 상세 내용을 확인하실 수 있습니다. 도너스 결제페이지 중 /step3를 제외한 나머지 모든 페이지에 기본 dataLayer가 설정되어 있습니다.

• /step1 (후원정보 입력 단계: 모금상품 일반모드)

• /step1_direct (후원정보 입력 단계: 모금상품 고정모드)

• /step1_cms/pledge (CMS 출금동의 정보 입력 단계)

• /step2 (후원완료 단계)

2. 기본 dataLayer 현황

2.1 /step1 (후원정보 입력 단계: 모금상품 일반모드)

<script>
  /* GTM 전자상거래 코드 (step1) */
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'begin_checkout',
    'ecommerce': {
      'checkout': {
        'actionField': {
          'step': 1,
          'step1_mode': 'step1', // step1 or step1_direct
          'affiliation': 'Donus Pay',
        },
      },
    },
  });
</script>

2.2 /step1_direct (후원정보 입력 단계: 모금상품 고정모드)

<script>
  /* GTM 전자상거래 코드 (step1_direct) */
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'begin_checkout',
    'ecommerce': {
      'checkout': {
        'actionField': {
          'step': 1,
          'step1_mode': 'step1_direct', // step1 or step1_direct
          'affiliation': 'Donus Pay',
        },
        'products': [{
          'id': 'P0101', // 모금상품코드
          'name': '모금상품A', // 모금상품명
          'category': '정기', // 납입주기
          'price': '10000', // 약정금액
          'quantity': 1, // 약정수량
        }],
      },
    },
  });
</script>

2.3 /step1_cms (CMS 출금동의 정보 입력 단계)

<script>
  /* GTM 전자상거래 코드 (step1_cms) */
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'add_payment_info',
    'userId': '2021050047', // 구성원코드
    'email': 'cf3d8259741b19a2b09e17d4fa9a97c63adc44bf2a5fa075cdcb5491f525feaa',
    'paymentMethod': 'R001:자동이체', // 결제수단코드
    'ecommerce': {
      'checkout': {
        'actionField': {
          'step1_mode': 'step1', // step1 or step1_direct
          'step': 2,
          'option': 'R001:자동이체', // 결제수단코드
          'affiliation': 'Donus Pay',
        },
      },
    },
  });
</script>

2.4 /step2 (후원완료 단계)

<script>
  /* GTM 전자상거래 코드 (step2) */
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'purchase',
    'userId': '2021050047', // 구성원코드
    'email': 'cf3d8259741b19a2b09e17d4fa9a97c63adc44bf2a5fa075cdcb5491f525feaa',
    'paymentMethod': 'R001:자동이체', // 결제수단코드
    'ecommerce': {
      'purchase': {
        'actionField': {
          'step1_mode': 'step1', // step1 or step1_direct
          'id': 'O260731-0002', // 온라인등록코드
          'revenue': '10000', // 총 약정금액
          'option': 'R001:자동이체', // 결제수단코드
          'affiliation': 'Donus Pay',
        },
        'products': [
                          {
            'id': 'P0101', // 모금상품코드
            'name': '모금상품A', // 모금상품명
            'category': '정기', // 납입주기
            'price': '10000', // 약정금액
            'quantity': 1, // 약정수량

          },                          ],
      },
    },
  });
</script>