고도몰5

고도몰5를 사용하시는 고객님을 위한 스크립트 설치 가이드입니다.

개요

그루비 서치를 이용하기 위해 쇼핑몰 데스크탑(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", "godo5"); 
</script>
<script charset="utf-8" src="//static.groobee.io/dist/g2/groobee.init.min.js"></script>

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

◾ㅤ고도몰5 스크립트 설치 경로

고도몰5 관리자 페이지 로그인 후 '디자인' 클릭

◾ㅤ디자인 페이지 수정에서 스크립트 설치

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

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

상품 상세 스크립트

<!-- Groobee Selector Script -->
<div class="groobeeProductDetail" style="display: none;">
	<span class="groobeeProductName">{=goodsView['goodsNmDetail']}</span>
	<span class="groobeeProductPrice">
	<!--{ ? gd_isset(goodsView['fixedPrice']) > 0 }-->
	{=gd_isset(goodsView['fixedPrice'],0)}
	<!--{ : }-->
	{=gd_isset(goodsView['goodsPrice'],0)}
	<!--{ / }-->
	</span>
	<span class="groobeeProductSalePrice">{=goodsView['goodsDcPricePrint']}</span>
	<span class="groobeeProductCode">{goodsView.goodsNo}</span>
	<span class="groobeeProductImage">{=goodsView['image']['detail']['img'][0]}</span>
	<span class="groobeeProductCategory">{=goodsView['cateCd']}</span>
	<!--{ @ goodsCategoryList }-->
	<span class="groobeeProductCategoryName">{=.cateNm}</span>
	<!--{ / }-->
	<span class="groobeeProductStatus">
	<!--{ ? goodsView['orderPossible'] == 'n' || goodsView['soldOut'] == 'y' }-->
	y
	<!--{ : }-->
	n
	<!--{ / }-->
	</span>
</div>
<!-- End of Groobee Selector Script -->

'상품' > '상품상세화면'를 선택한 후 { # header } 다음 줄에 상품 상세 스크립트를 복사하여 삽입하세요.

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

3. 주문서 스크립트 설치(PC)

주문서 스크립트

<div class="groobeeOrderList" style="display: none;">
    <a href="../goods/goods_view.php?goodsNo={=...goodsNo}" class="groobeeProductA"></a>
    <span class="groobeeProductName">{=...goodsNm}</span>
    <span class="groobeeProductCategory">{=...cateCd}</span>
    <span class="groobeeProductCount">{=...goodsCnt}</span>
    <span class="groobeeProductAmount">
{=gd_global_currency_display(...price['goodsPriceSubtotal'])}
</span>
<span class="groobeeProductPrice"></span>
    <span class="groobeeProductSalePrice"></span>
<span class="groobeeProductImage">{=...goodsImage}</span>
</div>

'주문' > '주문서 작성/결제'를 선택한 후 주문서 스크립트를 복사하여 삽입하세요. (삽입 위치는 이미지를 참고하세요)

'주문' 클릭
'주문서 작성/결제' 클릭
{ @ ..value_ } 하단에 주문서 스크립트를 복사하여 삽입
저장

📱 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", "godo5_m"); 
</script>
<script charset="utf-8" src="//static.groobee.io/dist/g2/groobee.init.min.js"></script>

고도몰5 쇼핑몰 관리자 페이지 홈 화면에서 '모바일샵' > '디자인 스킨 리스트'를 선택합니다.

'전체 레이아웃' > '상단 레이아웃' 을 선택한 후 <head> … </head> 태그 사이에 아래 공통 스크립트를 복사하여 삽입하세요. 스크립트 관리가 용이하도록 </head> 태그 바로 앞에 넣기를 권장합니다.

'전체 레이아웃' 클릭
'상단 레이아웃 (outline/_header.html)' 클릭
</head> 태그 바로 앞
'공통 스크립트' 삽입
저장

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

상품 상세 스크립트

<!-- Groobee Selector Script -->
<div class="groobeeProductDetail" style="display: none;">
	<span class="groobeeProductName">{=goodsView['goodsNmDetail']}</span>
	<span class="groobeeProductPrice">
	<!--{ ? gd_isset(goodsView['fixedPrice']) > 0 }-->
	{=gd_isset(goodsView['fixedPrice'],0)}
	<!--{ : }-->
	{=gd_isset(goodsView['goodsPrice'],0)}
	<!--{ / }-->
	</span>
	<span class="groobeeProductSalePrice">{=goodsView['goodsDcPricePrint']}</span>
	<span class="groobeeProductCode">{goodsView.goodsNo}</span>
	<span class="groobeeProductImage">{=goodsView['image']['detail']['img'][0]}</span>
	<span class="groobeeProductCategory">{=goodsView['cateCd']}</span>
	<!--{ @ goodsCategoryList }-->
	<span class="groobeeProductCategoryName">{=.cateNm}</span>
	<!--{ / }-->
	<span class="groobeeProductStatus">
	<!--{ ? goodsView['orderPossible'] == 'n' || goodsView['soldOut'] == 'y' }-->
	y
	<!--{ : }-->
	n
	<!--{ / }-->
	</span>
</div>
<!-- End of Groobee Selector Script -->

'상품' > '상품상세'를 선택한 후 { # header } 다음 줄에 상품 상세 스크립트를 복사하여 삽입하세요.

'상품' 클릭
'상품상세' 클릭
{ # header } 아래
'상품 상세 스크립트' 삽입

3. 주문서 스크립트 설치(Mobile)

주문서 스크립트

<div class="groobeeOrderList" style="display: none;">
    <a href="../goods/goods_view.php?goodsNo={=...goodsNo}" class="groobeeProductA"></a>
    <span class="groobeeProductName">{=...goodsNm}</span>
    <span class="groobeeProductCategory">{=...cateCd}</span>
    <span class="groobeeProductCount">{=...goodsCnt}</span>
    <span class="groobeeProductAmount">
{=gd_global_currency_display(...price['goodsPriceSubtotal'])}
</span>
<span class="groobeeProductPrice"></span>
    <span class="groobeeProductSalePrice"></span>
<span class="groobeeProductImage">{=...goodsImage}</span>
</div>