메이크샵

메이크샵

※ 메이크샵을 사용하시는 고객님을 위한 스크립트 설치 가이드입니다.

개요

---

• 그루비 서치를 이용하기 위해 쇼핑몰 데스크탑(PC), 모바일(Mobile) 페이지에 스크립트 설치가 필요합니다. 이는 구글 애널리틱스 추적 코드 설치와 동일한 방식입니다.

• 임대형 쇼핑몰의 경우, 일반적으로 디자인 편집 기능을 제공하므로 디자인 편집 영역에 스크립트를 추가합니다.

• 스크립트 설치는 PC와 Mobile각각 1. 공통 스크립트, 2. 상품 상세 스크립트, 3. 검색 스크립트 4. 주문서 스크립트 설치가 필요합니다.

💻 PC

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

---

◾ 그루비 서비스키 복사

1. 그루비 어드민 로그인 > 설정 클릭

2. 서비스키 드래그 하여 복사 ㅤ

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

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

공통 스크립트

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

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

◾ㅤ메이크샵 스크립트 설치 경로

메이크샵 관리자 페이지에 로그인한 후 디자인 편집 화면으로 이동합니다.

1. '개별디자인' 클릭

2. '디자인 편집하기' 클릭

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

디자인 환경 설정 화면에서 'HEAD 입력' 부분에 공통 스크립트를 삽입하세요.

1. '디자인 환경 설정' 클릭

2. HEAD 입력 칸에 공통 스크립트 삽입

3. 저장

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

---

상품 상세 스크립트

<!-- Groobee Goods Selector -->
<div class="groobeeProductDetail" style="display: none;">
    <span class="groobeeProductName"><!--/name/--></span>
    <span class="groobeeProductPrice"><!--/price_sell/--></span>
    <span class="groobeeProductSalePrice"><!--/dc_price_sell/--></span>
    <span class="groobeeProductCode"><!--/number/--></span>
    <span class="groobeeProductImage">사이트주소<!--/image_l/--></span>
    <span class="groobeeProductCategory"><!--/link_cate1/--></span>
    <span class="groobeeProductCategoryName"><!--/cate1_name/--></span>
    <span class="groobeeProductStatus"><!--/if_soldout/--> y <!--/end_if/--> </span>
</div>
<!-- End of Groobee Goods Selector -->

사이트 주소는 'http://', 'https://', 'www'를 제외한 사이트 주소(URL)로 수정합니다. 반드시 대소문자 구별을 해주세요.

'상품관련' > '상품상세'를 선택한 후 <div id="productDetail">을 찾아 하단에 상품 상세 스크립트를 복사하여 삽입하세요. (사이트 주소 부분을 고객님의 쇼핑몰 사이트 주소로 바꿔주셔야합니다)

1. '상품관련' 클릭

2. '상품 상세 페이지' 클릭

3. '기본 상세 페이지' 클릭

4. <div id="productDetail"> 바로 아래 상품 상세 스크립트 삽입

5. 저장

3. 검색 스크립트 설치 (PC)

---

검색 스크립트

<meta property="groobee:search_word" content="<!--/keyword/-->"/>

'중앙 디자인' > '상품관련' > '상품검색 결과 화면' 선택 후 소스 코드 최상단에 검색 스크립트를 복사하여 삽입합니다.

1. '상품관련' 클릭

2. '상품 검색 결과 화면' 클릭

3. '검색 스크립트' 삽입

4. 저장

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

---

주문서 스크립트

<!-- Groobee Order Selector -->
<!--/loop_order_product/-->
<div class="groobeeOrderList" style="display: none;">
    <a href="<!--/order_product@link/-->" class="groobeeProductA"></a>
    <span class="groobeeProductName"><!--/order_product@name/--></span>
    <span class="groobeeProductCount"><!--/number/order_product@amount/--></span>
    <span class="groobeeProductAmount">
    <!--/if_order_product@is_term_discount/-->
      <!--/number/order_product@dc_price_all/-->
    <!--/else/-->
      <!--/number/order_product@total_price/-->
      <!--/end_if/--></span>
<span class="groobeeProductPrice"><!--/order_product@unit_price/--></span>
    <span class="groobeeProductSalePrice"><!--/basket@discount_info/--></span>
    <span class="groobeeProductImage">사이트주소<!--/order_product@image_s/--></span>
</div>
<!--/end_loop/-->
<!-- End of Groobee Order Selector -->

사이트 주소는 'http://', 'https://', 'www'를 제외한 사이트 주소(URL)로 수정해야 합니다. 반드시 대소문자 구별을 해주세요.

'주문관련' > '고급형 주문서' 선택 후 소스 코드 최상단에 주문서 스크립트를 복사하여 삽입합니다.

1. '주문관련' 클릭

2. '고급형 주문서' 클릭

3. 소스 코드 최상단에 주문서 스크립트 복사 후 삽입

4. 저장

'고급형 주문서'가 아닌 '주문서 작성'을 사용하시는 고객께서는 '주문서 작성' 페이지에 스크립트를 삽입해주세요.

📱 Mobile

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

---

◾ 그루비 서비스키 복사

1. 그루비 어드민 로그인 > 설정 클릭

2. 서비스키 드래그 하여 복사 ㅤ

◾ 공통 스크립트 설치 위치

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

공통 스크립트

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

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

◾ㅤ메이크샵 스크립트 설치 경로

메이크샵 쇼핑몰 관리자 페이지 로그인 후 디자인 편집창을 엽니다. (파워팩을 사용 중일 경우 모바일샵 파워팩 > 파워팩 디자인 관리)

1. '모바일샵' 클릭

2. '모바일 D4(개별디자인)' 클릭ㅤ

3. '디자인 편집하기' 클릭

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

디자인 환경설정'을 선택한 후 'HEAD 입력' 칸에 공통 스크립트를 삽입하세요.

1. '디자인 환경 설정' 클릭

2. HEAD 입력 칸에 공통 스크립트 삽입

3. 저장

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

---

상품 상세 스크립트

<!-- Groobee Goods Selector -->
<div class="groobeeProductDetail" style="display: none;">
    <span class="groobeeProductName"><!--/name/--></span>
    <span class="groobeeProductPrice"><!--/price_sell/--></span>
    <span class="groobeeProductSalePrice"><!--/dc_price_sell/--></span>
    <span class="groobeeProductCode"><!--/number/--></span>
    <span class="groobeeProductImage">사이트주소<!--/image_l/--></span>
    <span class="groobeeProductCategory"><!--/link_cate1/--></span>
    <span class="groobeeProductCategoryName"><!--/cate1_name/--></span>
    <span class="groobeeProductStatus"><!--/if_soldout/--> y <!--/end_if/--> </span>
</div>
<!-- End of Groobee Goods Selector -->

사이트 주소는 'http://', 'https://', 'www'를 제외한 사이트 주소(URL)로 수정합니다. 반드시 대소문자 구별을 해주세요.

'상품관련' > '상품상세'를 선택한 후 <main class=”shopdetail”>을 찾아 하단에 상품 상세 스크립트를 삽입하세요. (사이트 주소 부분을 고객님의 쇼핑몰 사이트 주소로 바꿔주셔야합니다)

1. '상품관련' 클릭

2. '상품 상세 페이지' 클릭

3. 기본 상세 페이지' 클릭

4. <main class=“shopdetail”> 아래 상품 상세 스크립트 삽입

3. 검색 스크립트 설치 (Mobile)

---

검색 스크립트

<meta property="groobee:search_word" content="<!--/keyword/-->"/>

'중앙 디자인' > '상품관련' > '상품검색 결과 화면' 선택 후 소스 코드 최상단에 검색 스크립트를 복사하여 삽입합니다.

1. '상품 관련' 클릭

2. '상품 검색 결과 화면' 클릭

3. 검색 스크립트 설치

4. 저장

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

---

주문서 스크립트

<!-- Groobee Order Selector -->
<!--/loop_order_product/-->
<div class="groobeeOrderList" style="display: none;">
    <a href="<!--/order_product@link/-->" class="groobeeProductA"></a>
    <span class="groobeeProductName"><!--/order_product@name/--></span>
    <span class="groobeeProductCount"><!--/number/order_product@amount/--></span>
    <span class="groobeeProductAmount">
    <!--/if_order_product@is_term_discount/-->
      <!--/number/order_product@dc_price_all/-->
    <!--/else/-->
      <!--/number/order_product@total_price/-->
      <!--/end_if/--></span>
<span class="groobeeProductPrice"><!--/order_product@unit_price/--></span>
    <span class="groobeeProductSalePrice"><!--/basket@discount_info/--></span>
    <span class="groobeeProductImage">사이트주소<!--/order_product@image_s/--></span>
</div>
<!--/end_loop/-->
<!-- End of Groobee Order Selector -->

사이트 주소는 'http://', 'https://', 'www'를 제외한 사이트 주소(URL)로 수정해야 합니다. 반드시 대소문자 구별을 해주세요.

'주문관련' > '고급형 주문서' 선택 후 소스 코드 최상단에 주문서 스크립트를 복사하여 삽입합니다.

1. '주문관련' 클릭

2. '고급형 주문서' 클릭

3. 소스 코드 최상단에 주문서 스크립트 복사 후 삽입

4. 저장

'고급형 주문서'가 아닌 '주문서 작성'을 사용하시는 고객께서는 '주문서 작성' 페이지에 스크립트를 삽입해주세요.

스크립트 설치 확인

---

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

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

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

👉 그루비 홈페이지

👉 그루비 어드민 페이지

그루비 서치 서비스 시작

---

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

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

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

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

새로운 추천 만들기

---