🥕당근 전환 추적 코드

<!-- Danggeun Market Common Code -->
<script src="https://karrot-pixel.business.daangn.com/0.2/karrot-pixel.umd.js">
</script>
<script>
  window.karrotPixel.init("전환 추적 코드 ID"); // 당근에서 발급 받은 전환추적 코드 ID 입력.
  window.karrotPixel.track("ViewPage");
</script>
<!-- Danggeun Market Common Code -->

<!-- Danggeun Market ViewContent Code -->
<script>
  window.karrotPixel.track("ViewContent", {
    id: "{=goodsView['goodsNo']}",
  });
</script>
<!-- Danggeun Market ViewContent Code -->

장바구니 버튼 클릭 또는 폼 데이터 전송 시 스크립트가 실행되어야 하지만, 
쇼핑몰의 커스텀 설정에 따라 선택자(selector)나 위치가 변경될 수 있습니다. 
따라서, 장바구니에 상품이 존재할 경우에만 스크립트가 동작하도록 설정하는 
간단한 예시는 다음과 같습니다.

<!-- Danggeun Market AddToCart Code -->
<script>
  const karrotPixelAddToCartItems = [];
</script>
<!-- Danggeun Market AddToCart Code -->

<!-- Danggeun Market AddToCart Code -->
<script>
  karrotPixelAddToCartItems.push({
    id: "{=...goodsNo}",
    name: "{=gd_remove_only_tag(...goodsNm)}",
    quantity: "{=...goodsCnt}",
    price: "{=...price['goodsPriceSubtotal']}".replace(/,/g, ""),
  });
</script>
<!-- Danggeun Market AddToCart Code -->

<!-- Danggeun Market AddToCart Code -->
<script>
  if (karrotPixelAddToCartItems.length > 0) {
    window.karrotPixel.track("AddToCart", {
      products: karrotPixelAddToCartItems,
    });
  }
</script>
<!-- Danggeun Market AddToCart Code -->

<!-- Danggeun Market CompleteRegistration Code -->
<script>
  window.karrotPixel.track("CompleteRegistration");
</script>
<!-- End Danggeun CompleteRegistration Market Code -->

<!-- Danggeun Market Purchase Code -->
<script>
  let karrotPixelPurchaseItemsQty = 0;
  
  <!--{ @ orderInfo.goods }-->
    karrotPixelPurchaseItemsQty += {=.goodsCnt};
  <!--{ / }-->

  let karrotPixelPurchaseItems = [
        <!--{ @ orderInfo.goods }-->
        {
            'id': "{=.goodsNo}",
            'name': "{=.goodsNm}",
            'quantity': "{=.goodsCnt}",
            'price': "{=.goodsPrice}".replace(/\.00$/, ''),
        },
        <!--{ / }-->
    ];

    window.karrotPixel.track("Purchase", {
      total_price: "{=orderInfo.settlePrice}".replace(/\.00$/, ''),
      total_quantity: String(karrotPixelPurchaseItemsQty),
      products: karrotPixelPurchaseItems,
    });
</script>
<!-- End Danggeun Market Purchase Code -->