코드 삽입이란?
사이트 공통 또는 개별 페이지의 head, body 태그 내에 원하는 코드를 삽입할 수 있는 기능입니다.
코드를 입력 후 "변경사항 저장하기" 버튼을 클릭하면 즉시 사이트에 반영됩니다.
주로 디자인을 수정하거나 다양한 리타게팅 광고 집행을 위해 사용됩니다.
식스샵 고객들이 주로 문의하는 코드 삽입 모음입니다.
공통 - <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>
페이지별로 제공되는 변수 목록입니다.
페이지 구분 변수
${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>
변수 목록
이름 | 변수 |
상품 코드 | ${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>
주문 전체 정보 변수 목록
이 | 변 |
주문 번호 | ${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}'});