# 고도몰5

## 고도몰5

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

**개요**

***

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

\ <br>

#### **💻 PC** <a href="#pc" id="pc"></a>

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

***

**◾ 그루비 서비스키 복사**

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/3e2g5yrzca/1627022503222/.png" alt=""><figcaption></figcaption></figure>

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

\ <br>

**◾ 공통 스크립트 설치 위치 ㅤ**

아래 공통 스크립트 내용 중 '**발급 받은** **서비스키'** 영역에 복사한 서비스키로 대체한 뒤 스크립트를 붙여 넣으세요.

공통 스크립트

```
<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>
```

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

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606197291377/image.png" alt=""><figcaption></figcaption></figure>

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

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606197167083/image.png" alt=""><figcaption></figcaption></figure>

<br>

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

\ <br>

**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 -->
```

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606284539785/.png" alt=""><figcaption></figcaption></figure>

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

\ <br>

**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>
```

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606285693378/.png" alt=""><figcaption></figcaption></figure>

1. '주문' 클릭
2. '주문서 작성/결제' 클릭
3. { @ ..value\_ } 하단에 주문서 스크립트를 복사하여 삽입
4. 저장

\
\
\ <br>

#### **📱 Mobile** <a href="#mobile" id="mobile"></a>

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

***

**◾ 그루비 서비스키 복사**

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/3e2g5yrzca/1627022503222/.png" alt=""><figcaption></figcaption></figure>

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

\ <br>

**◾ 공통 스크립트 설치 위치 ㅤ**

아래 공통 스크립트 내용 중 '**발급 받은** **서비스키'** 영역에 복사한 서비스키로 대체한 뒤 스크립트를 붙여 넣으세요.

***

공통 스크립트

```
<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>
```

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606201181617/image.png" alt=""><figcaption></figcaption></figure>

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606200931988/image.png" alt=""><figcaption></figcaption></figure>

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

<br>

**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 -->
```

&#x20;

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606202570760/image.png" alt=""><figcaption></figcaption></figure>

1. '상품' 클릭
2. '상품상세' 클릭
3. { # header } 아래
4. '상품 상세 스크립트' 삽입

\ <br>

**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>
```

<br>

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

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/2at9uisjq4/1606286722404/.png" alt=""><figcaption></figcaption></figure>

1. '주문' 클릭
2. '주문서작성' 클릭
3. @ ..value\_ 위치 확인
4. 주문서 스크립트 삽입

\ <br>

**🔎 스크립트 설치 확인**

***

1. 모든 스크립트를 설치하셨다면, 쇼핑몰에 접속하여 스크립트가 정상적으로 설치가 됐는지 확인하실 수 있습니다.

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/l95n6k2spk/1605767345991/.png" alt=""><figcaption></figcaption></figure>

<br>

1. [그루비 어드민](https://app.groobee.io/) > 대시보드 화면으로 이동한 후 방문 수 데이터를 확인합니다. 스크립트가 정상적으로 적용되었다면 방문 수가 1이상으로 표시됩니다.

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/l95n6k2spk/1606118308860/image.png" alt=""><figcaption></figcaption></figure>

\
\
스크립트 설치를 완료하였음에도 방문 수 데이터가 증가하지 않는다면 스크립트가 제대로 설치되지 않은 것일 수 있습니다.\
\
**그루비 홈페이지와 어드민 화면 우측 하단에 '문의하기' 통해 문의 바랍니다.**

[**👉 그루비 홈페이지**](http://groobee.net/)

[**👉 그루비 어드민 페이지**](https://app.groobee.io/login/init)

\ <br>

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/l95n6k2spk/1606121731053/image.png" alt=""><figcaption></figcaption></figure>

**그루비 서치 서비스 시작**

***

스크립트 설치가 정상적으로 완료되었다면 추천 상품 선별을 위한 데이터 수집이 시작됩니다.

(데이터 수집 기간은 사이트 트래픽에 따라 다르며 일반적으로 하루 이상 소요됩니다.)

데이터 수집이 완료되면 추천 상품 영역을 설정한 후 그루비 서치를 시작할 수 있습니다.

**쇼핑몰에 추천 상품 영역을 설정하고 적용하는 방법은 아래 콘텐츠를 확인해 주세요!**

[새로운 추천 만들기](http://doc.groobee.io/article/h7vjk2q6af-)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.groobee.ai/old-admin/notes/groobee-search/script/5.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
