코드 삽입

목차
​코드 삽입이란?​
​코드 삽입 활용하기 
​주문 내역​
​페이지별 변수 확인하기​
1. 코드 삽입이란?
사이트 공통 또는 개별 페이지의 head, body 태그 내에 원하는 코드를 삽입할 수 있는 기능입니다. 
코드를 입력 후 "변경사항 저장하기" 버튼을 클릭하면 즉시 사이트에 반영됩니다. 
주로 디자인을 수정하거나 다양한 리타게팅 광고 집행을 위해 사용됩니다.
​
2. 코드 삽입 활용하기 
식스샵 고객들이 주로 문의하는 코드 삽입 모음입니다.
​코드삽입 참고 자료 보기​
2-1. 주문내역 - 배송 준비 상태에서 취소 요청 버튼 숨기기
​관련 안내서 보러가기​
공통 - <head>
<style>				
    .subtext:after {				
        content : "배송준비 상태가 되면 상품 포장이 시작되어 \A 주문취소가 불가능합니다.";				
        display : block;				
        font-size : 11px;				
        white-space: pre;				
        line-height : 1.2;				
    }				
</style>
공통 - <body>
<script>				
if($('#data_div').data('pagelink') === 'orderDetail') {				
	var $status = $('#shopOrderStatus');			
	$status.on('DOMSubtreeModified', function() {			
	var element = $(this).children("div:contains('배송 준비')");			
				
	if(element.length == 1){			
	$('#orderReqButtonDiv').hide();			
	$status.off('DOMSubtreeModified');			
	element.children("div").attr("class", "subtext");			
	}			
	});			
}				
</script>
​
2-2. 페이지별 변수 확인하기
페이지별로 제공되는 변수 목록입니다.
2-2-1. 전체 페이지 공통 변수
페이지 구분 변수
${customerVar_pageClass}
이름 
변수
상품 상세 페이지
product
상품 후기 / 질문 페이지
productReivewQna
블로그 포스트 페이지
blogPost
게시판 글 페이지
boardPost
회원 가입 완료 페이지
signupComplete
장바구니 페이지
cart
주문 / 결제 페이지
order
결제 요청 페이지
paymentRequest
결제 완료 페이지
paymentComplete
접속 고객 정보
이름
변수
고객 아이디
${customerVar_string_customerId}
고객 이메일
${customerVar_string_customerEmail}
고객 이름
${customerVar_string_customerName}
고객 휴대폰 번호
${customerVar_string_customerPhone}
고객 장바구니에 담긴 상품 금액 합계
${customerVar_double_cartTotalPrice}
사이트 정보
이름
변수
사이트 통화(KRW, USD)
${customerVar_string_currency}
예시
<script>
    var pageClass = "${customerVar_pageClass}"
    if(pageClass == "product") {
        /* 상품 페이지에서 사용할 스크립트 */
    } else if(pageClass == "blogPost") {
        /* 블로그에서 사용할 스크립트 */
    }
</script>
​
2-2-2. 상품 상세 페이지 전용 변수
변수 목록
이름
변수
상품 코드
${customerVar_string_productSKU}
상품 이름
${customerVar_string_productName}
상품 판매가
${customerVar_double_productPrice}
상품 정가
${customerVar_double_productListPrice}
상품 주소
${customerVar_string_productAddress}
상품 대표 이미지 주소
${customerVar_string_productThumbnail}
상품 가격 변수를 1개만 사용해야 할 때는 '상품 판매가'를 사용하세요. 
할인가(판매가) 정보가 설정된 상품의 경우, '상품 판매가' 변수에 할인가(판매가) 정보가 적용되며, 할인가(판매가)를 따로 설정하지 않은 상품의 경우, 정가(소비자가) 정보가 적용됩니다. 
반면에 '상품 정가' 변수에는 늘 상품의 정가(소비자가) 정보가 반영됩니다.
예시
<script>
   var productSKU = "${customerVar_string_productSKU}";
   var productName = "${customerVar_string_productName}";
   var productPrice = "${customerVar_double_productPrice}";
​
   sample(productSKU, productName, productPrice);
​
</script>
​
2-2-3. 결제 완료 페이지 전용 변수
주문 전체 정보 변수 목록
이
변
주문 번호
${customerVar_string_orderNo}
전체 주문 금액
${customerVar_double_orderTotalPrice}
배송비
${customerVar_double_orderShippingCharge}
구글 애널리틱스 전자상거래로 살펴본 결제 완료 페이지 예시
ga('ecommerce:addTransaction', { 
    'id': '${customerVar_string_orderNo}', 
    'revenue': '${customerVar_double_orderTotalPrice}',
    'shipping': '${customerVar_double_orderShippingCharge}',
    'currency': '${customerVar_string_orderCurrency}'
 });

SNS 공유

구글 애널리틱스

Last modified 9mo ago

Copy link

On this page

1. 코드 삽입이란?

2. 코드 삽입 활용하기

2-1. 주문내역 - 배송 준비 상태에서 취소 요청 버튼 숨기기

2-2. 페이지별 변수 확인하기