NHN커머스 마케팅 홈상담 신청

네이버 신규 스크립트 (wcs.trans version)

네이버 프리미엄 로그분석, 광고 추적 등에 사용 되는 네이버 신규 스크립트 적용 방법 안내

단순 예시이며, 동작을 보장하지 않습니다.

네이버 공식 개발 문서

공통키 입력 관련 주의 사항

  • 한번 입력한 "네이버공통인증키"(이하 공통키)는 변경하실 수 없습니다. 최초 입력시 충분히 확인 후, [저장] 버튼을 눌러주시기 바랍니다.

  • 만일 잘 못 입력 하였거나 변경이 필요할 경우, NHN커머스 홈페이지 1:1문의를 통해 변경 요청 부탁 드립니다.

고도몰 네이버 신규 스크립트 설정 방법

12/5일 신규 생성한 고도몰의 경우 네이버 신규 스크립트 설치만 가능합니다.

(하기와 같이 v2 전환하기 버튼이 존재하지 않습니다.)

신규 고도몰 이용자의 경우 공통키 입력 후 저장 버튼을 누르면 자동으로 네이버 신규 스크립트가 설치 됩니다.

기존에 네이버 공통키를 입력하지 않은 고도몰 고객들의 경우에도 하기와 같이 v2 전환하기 버튼이 존재하지 않습니다.

공통키 입력 후 저장 버튼을 누르면 자동으로 네이버 신규 스크립트가 설치 됩니다.

1. 고도몰 관리자페이지 접근

고도몰 관리자페이지 > 마케팅 > 네이버 쇼핑 > 공통유입 스크립트 설정으로 이동 합니다.

2. 공통유입 스크립트 설정 v2 전환하기 버튼을 클릭 합니다.

고도몰은 네이버 '구'버전 스크립트 및 '신'버전 스크립트 모두 제공하고 있습니다.

신 버전 스크립트를 사용하지 않으실 경우 [공통유입 스크립트 설정 v2 전환하기] 버튼을 클릭하지 마시기 바랍니다.

신 버전 스크립트로 전환 시 기존 스크립트 사용 불가

[공통유입 스크립트 설정 v2 전환하기] 버튼을 클릭 합니다.

[확인] 버튼을 눌러 신버전으로 전환 합니다.

고도몰 네이버 신규 스크립트 예시

단순 예시이며, 작동을 보장하지 않습니다.

상단 공통 스크립트

  1. 고도몰 관리자페이지 > 기본설정 > 외부서비스 설정으로 접근

  2. + 외부 스크립트 등록 버튼을 클릭하여 스크립트 등록

  3. {공통키}와 {쇼핑몰 주소} 변경 필요

<!-- wcs import -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<!-- PV event -->
<script type="text/javascript">
  if (globalThis.wcs) {
    if (!wcs_add) var wcs_add = {};
    wcs_add["wa"] = "{공통키}"; // 네이버 공통키를 입력해주세요
    wcs.inflow("{쇼핑몰주소}"); // domain 주소를 입력합니다. https 및 www 등은 제외 합니다.
    wcs_do();
  }
</script>

상품 상세 화면

<!-- view_product event -->
<script type="text/javascript">
  var _conv = {};
  _conv.type = "view_product";
  _conv.items = [
    {
      id: "{=goodsView['goodsNo']}", //string 상품 id (필수)
      name: "{=goodsView['goodsNm']}", //string 상품 명 (필수)
      payAmount: Number("{=goodsView['goodsPrice']}"), //number 결제 금액 (필수)
    },
  ];
  wcs.trans(_conv); // 전환 이벤트 정보를 담은 object를 서버에 전송
</script>

장바구니

<!-- add_to_cart event -->
<script type="text/javascript">
  const naverCartItems = [];
  var _conv = {};
</script>

<!--{ @..value_ }--> 하단 적용

<!-- add_to_cart event -->
<script type="text/javascript">
  naverCartItems.push({
	id: "{=...goodsNo}", //string 상품 id (필수)
	name: "{=gd_remove_only_tag(...goodsNm)}", //string 상품 명 (필수)
	quantity: {=...goodsCnt}, //number 결제 수량 (필수)
	payAmount: Number("{=...price['goodsPriceSubtotal']}".replace(/,/g,'')), //number 결제 금액 (필수)
  });
</script>
<!-- add_to_cart event -->
<script type="text/javascript">
  if (naverCartItems.length > 0) {
    _conv.type = "add_to_cart";
    _conv.items = naverCartItems;
    _conv.value = Number("{=totalSettlePrice}".replace(/,/g, ""));
    wcs.trans(_conv);
  }
</script>

주문서 작성 / 결제 

<!-- begin_checkout event -->
<script type="text/javascript">
  const naverBeginCheckoutItems = [];
  var _conv = {};
</script>

<!--{ @..value_ }--> 하단 적용

<!-- begin_checkout event -->
<script type="text/javascript">
  naverBeginCheckoutItems.push({
	id: "{=...goodsNo}", //string 상품 id (필수)
	name: "{=gd_remove_only_tag(...goodsNm)}", //string 상품 명 (필수)
	quantity: {=...goodsCnt}, //number 결제 수량 (필수)
	payAmount: Number("{=...price['goodsPriceSubtotal']}".replace(/,/g,'')), //number 결제 금액 (필수)
  });
</script>
<!-- begin_checkout event -->
<script type="text/javascript">
  _conv.type = "begin_checkout";
  _conv.items = naverBeginCheckoutItems;
  _conv.value = Number("{=totalSettlePrice}".replace(/,/g, ""));
  wcs.trans(_conv); // 전환 이벤트 정보를 담은 object를 서버에 전송
</script>

주문완료

<!-- purchase event -->
<script type="text/javascript">
  const naverPurchasedGoodsInfo = [
      <!--{ @ orderInfo.goods }-->
        {
            id: '{=.goodsNo}',
            name: '{=.goodsNm}',
            quantity: {=.goodsCnt},
            payAmount: {=.goodsPrice},
	    ext1: {=gd_currency_string()} === "원" ? "" : "USD",
        },
      <!--{ / }-->
    ];
		   
    const naverConvPrice = ({=orderInfo.settlePrice}-{=orderInfo.totalDeliveryCharge});
	     
    var _conv = {};
    _conv.type = "purchase";
    _conv.id = "{orderInfo.orderNo}";
    _conv.items = naverPurchasedGoodsInfo;
    _conv.value = naverConvPrice;
    wcs.trans(_conv); 
</script>
Previous모비온Next메타(Facebook&Instagram) 픽셀

Last updated

Was this helpful?