구글애즈

샵바이 변수를 이용한 구글애즈 스크립트 수동 적용 가이드

예시 코드들은 스크립트 동작을 보장하지 않습니다.

본 문서에서는 구글 태그매니저 적용 방법에 대해서 기입하지 않습니다.

관련 문서

• 샵바이 변수 조회 가이드: https://admin-remote.shopby.co.kr/popup/variable-guide

주의사항

구글애즈 스크립트의 경우 전환 액션 생성 시 별도로 고유의 전환라벨이 추가 됩니다.

따라서, 구글애즈에서 전환액션을 먼저 생성한 후, 스크립트 작업을 진행해 주시기 바랍니다.

전환 액션 생성 방법

① 구글애즈 계정에 접근 하여, 도구 및 설정 > 측정 > 전환으로 접근 합니다.

구글애즈 화면

② [+ 새 전환 액션] 버튼을 클릭 합니다.

③ 웹사이트 전환을 선택 합니다.

전환 액션 생성 화면

④ 추적할 웹사이트 도메인을 입력 합니다.

⑤ 수동으로 전환 액션 추가를 클릭 합니다.

⑥ 구글의 안내 절차에 따라 전환을 생성 후, 스니펫 코드를 발급 받습니다.

구글애즈 스크립트 예시

상단 공통

스니펫 코드에서 발급 받은 구글애즈 아이디로 변경해주셔야 합니다.

<!-- 예시 코드 -->
<script async 
        src="https://www.googletagmanager.com/gtag/js?id=계정아이디"> 
        // 계정 아이디 부분 변경 필요
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '계정아이디'); // 계정 아이디 부분을 변경해주세요
</script>

주문 완료 페이지

컨버전(전환)라벨 및 계정아이디 부분을 변경해 주셔야 합니다.

<!-- 예시 코드 -->
<script>
  try {
    const { orderOptionsGroupByPartner = [], orderNo } = sb.order;

    const orderProducts = orderOptionsGroupByPartner.flatMap(
      ({ orderOptionsGroupByDelivery }) =>
        orderOptionsGroupByDelivery.flatMap(({ orderOptions }) => orderOptions)
    );

    const totalPrice = orderProducts.reduce((accumulator, product) => {
        return accumulator + (product.orderCnt * product.price.buyPrice);
    }, 0);
      
    gtag("event", "conversion", {
      send_to: "계정 아이디/컨버전 라벨",
      value: totalPrice,
      currency: "KRW",
      transaction_id: orderNo,
    });
  } catch (error) {
    console.error(error);
  }
</script>