고도몰(e나무형)

※ 고도몰(e나무형)을 사용하시는 고객님을 위한 스크립트 설치 가이드입니다.

개요

그루비 서치를 이용하기 위해 쇼핑몰 데스크탑(PC), 모바일(Mobile) 페이지에 스크립트 설치가 필요합니다. 이는 구글 애널리틱스 추적 코드 설치와 동일한 방식입니다.
임대형 쇼핑몰의 경우, 일반적으로 디자인 편집 기능을 제공하므로 디자인 편집 영역에 스크립트를 추가합니다.
스크립트 설치는 PC와 Mobile각각 1. 공통 스크립트, 2. 상품 상세 스크립트, 3. 주문서 스크립트 설치가 필요합니다.

💻 PC

1. 공통 스크립트 설치 (PC)

◾ 그루비 서비스키 복사

그루비 어드민 로그인 > 설정 클릭
서비스키 드래그 하여 복사 ㅤ

◾ 공통 스크립트 설치 위치

아래 공통 스크립트 내용 중 '발급 받은 서비스키' 영역에 복사한 서비스키로 대체한 뒤 아래 내용을 참고하여 상단 레이아웃에 붙여 넣으세요.

공통 스크립트


<script type="text/javascript">
    (function(a,i,u,e,o) {
        a[u]=a[u]||function(){(a[u].q=a[u].q||[]).push(arguments)};
    })(window, document, "groobee");
    groobee("serviceKey", "발급 받은 서비스키");
    groobee("siteType", "godomall"); 
</script>
<script charset="utf-8" src="//static.groobee.io/dist/g2/groobee.init.min.js"></script>

<meta property="groobee:member_id" content="{_sess.m_id}"/>
<meta property="groobee:member_grade" content="{_sess.level}"/>

'발급 받은 서비스키'부분을 반드시 서비스키로 대체해주셔야 합니다.

◾ㅤ고도몰(e나무형) 스크립트 설치 경로

고도몰(e나무형) 관리자 페이지 로그인 후 '디자인' 클릭

◾ㅤ디자인 편집창에서 스크립트 설치

<head> 가 아닌 </head> 앞에 스크립트를 삽입하세요.

'전체레이아웃 디자인' 클릭
'상단 레이아웃' 클릭
발급 받은 서비스 키로 수정 하여 </head> 앞에 삽입 (<head> … </head> 태그 사이에 복사한 공통 스크립트를 삽입하세요. 스크립트 관리가 용이하도록 </head> 태그 바로 앞에 넣기를 권장합니다.)
저장

2. 상품 상세 스크립트 설치 (PC)

상품 상세 스크립트


<div class="groobeeProductDetail" style="display: none;">
    <span class="groobeeProductName">{goodsnm}</span>
    <span class="groobeeProductPrice">{price}</span>
    <span class="groobeeProductSalePrice">{realprice}</span>
    <span class="groobeeProductCode">{goodsno}</span>
    <span class="groobeeProductImage">{=goodsimg(r_img[0],0,'id=objImg')}</span>
    <span class="groobeeProductCategory">{category}</span>
    <span class="groobeeProductCategoryName"></span>
    <span class="groobeeProductStatus"> {runout} </span>
</div>

'상품' 클릭
'상품상세화면' 클릭
{# header} 아래에 '상품 상세 스크립트' 삽입
저장

3. 장바구니/주문서 스크립트 설치 (PC)

장바구니/주문서 스크립트


<div class="groobeeProductList" style="display: none;">
    <a href="../goods/goods_view.php?goodsno={.goodsno}" class="groobeeProductA"></a>
    <span class="groobeeProductName">{.goodsnm}</span>
    <span class="groobeeProductCount">{.ea}</span>
    <span class="groobeeProductAmount">{=number_format((.price + .addprice)*.ea)}</span>
    <span class="groobeeProductPrice">{=number_format(.price + .addprice)}</span>
    <span class="groobeeProductSalePrice">{=number_format(.price - .special_discount_amount)}</span>
    <span class="groobeeProductImage">{=goodsimgTS(.img,100)}</span>
    <span class="groobeeProductCategory"></span>
</div>

'기타페이지' 클릭
'장바구니 상품목록' 클릭
{ @cart->item } 하단에 장바구니/주문서 스크립트 삽입
저장

📱 Mobile

1. 공통 스크립트 설치 (Mobile)

◾ 그루비 서비스키 복사

그루비 어드민 로그인 > 설정 클릭
서비스키 드래그 하여 복사 ㅤ

◾ 공통 스크립트 설치 위치

아래 공통 스크립트 내용 중 '발급 받은 서비스키'를 복사한 서비스키로 대체한 뒤 아래를 참고하여 상단레이아웃에 붙여 넣으세요.

공통 스크립트


<script type="text/javascript">
    (function(a,i,u,e,o) {
        a[u]=a[u]||function(){(a[u].q=a[u].q||[]).push(arguments)};
    })(window, document, "groobee");
    groobee("serviceKey", "발급 받은 서비스키");
    groobee("siteType", "godomall_m"); 
</script>
<script charset="utf-8" src="//static.groobee.io/dist/g2/groobee.init.min.js"></script>

<meta property="groobee:member_id" content="{_sess.m_id}"/>
<meta property="groobee:member_grade" content="{_sess.level}"/>

'발급 받은 서비스키'부분을 반드시 서비스키로 대체해주셔야 합니다.

◾ㅤ고도몰(e나무형) 스크립트 설치 경로

'모바일샵' 클릭
'모바일샵 디자인관리' 클릭ㅤ

◾ㅤ디자인 편집창에서 스크립트 설치

<head> 가 아닌 </head> 앞에 스크립트를 삽입하세요.

'전체레이아웃 디자인' 클릭
'상단레이아웃' 클릭
발급 받은 서비스 키로 수정 하여 </head> 앞에 삽입해 줍니다. (<head> … </head> 태그 사이에 복사한 공통 스크립트를 삽입하세요. 스크립트 관리가 용이하도록 </head> 태그 바로 앞에 넣기를 권장합니다.)
저장

2. 상품 상세 스크립트 설치 (Mobile)

상품 상세 스크립트


<div class="groobeeProductDetail" style="display: none;">
    <span class="groobeeProductName">{goodsnm}</span>
    <span class="groobeeProductPrice">{price}</span>
    <span class="groobeeProductSalePrice">{realprice}</span>
    <span class="groobeeProductCode">{goodsno}</span>
    <span class="groobeeProductImage">{=goodsimg(r_img[0],0,'id=objImg')}</span>
    <span class="groobeeProductCategory">{category}</span>
    <span class="groobeeProductCategoryName"></span>
    <span class="groobeeProductStatus"> {runout} </span>
</div>

'상품' 클릭
'상품페이지' 클릭
{ #header } 아래 상품 상세 스크립트 삽입
저장

고도몰(e나무형)에서는 상품페이지(기본) 외 상품페이지2, 상품페이지3를 제공합니다. 상품페이지3을 사용하는 경우 아래 절차를 따르세요. (상품페이지2를 사용하시는 고객님께서는 그루비 홈페이지 문의하기 기능을 이용해주세요)

◾ㅤ상품페이지3을 사용하는 경우 (아래 상품 상세 스크립트를 사용하세요)

상품 상세 스크립트


<div class="groobeeProductDetail" style="display: none;">
    <span class="groobeeProductName">{goodsnm}</span>
    <span class="groobeeProductPrice">{price}</span>
    <span class="groobeeProductSalePrice">{realprice}</span>
    <span class="groobeeProductCode">{goodsno}</span>
    <span class="groobeeProductImage">사이트 호스트/shop/data/goods/{r_img[0]}</span>
    <span class="groobeeProductCategory">{category}</span>
    <span class="groobeeProductCategoryName"></span>
    <span class="groobeeProductStatus"> {runout} </span>
</div>

사이트 호스트 부분을 사용하시는 쇼핑몰 도메인 주소로 바꿔주셔야 합니다.

'상품' 클릭
'상품페이지3' 클릭
{ #header } 아래에 상품 상세 스크립트 삽입
저장

3. 장바구니/주문서 스크립트 설치 (Mobile)

장바구니/주문서 스크립트


<div class="groobeeProductList" style="display: none;">
    <a href="../goods/goods_view.php?goodsno={.goodsno}" class="groobeeProductA"></a>
    <span class="groobeeProductName">{.goodsnm}</span>
    <span class="groobeeProductCount">{.ea}</span>
    <span class="groobeeProductAmount">{=number_format((.price + .addprice)*.ea)}</span>
    <span class="groobeeProductPrice">{=number_format(.price + .addprice)}</span>
    <span class="groobeeProductSalePrice">{=number_format(.price - .special_discount_amount)}</span>
    <span class="groobeeProductImage">{=goodsimgTS(.img,100)}</span>
    <span class="groobeeProductCategory"></span>
</div>