개발(스테이징)서버와 상용서버간 sid, domain은 분리하여 사용하시기 바랍니다.


네이버페이 이용 시, 신규 SDK(Ver. 2.1 이상) 적용하시기 바랍니다.

결제 플랫폼 중 네이버 페이를 사용하신다면, 정확한 매출 산정을 위해 '네이버페이 SDK Ver. 2.1' 이상으로 업데이트 하셔야 합니다.

'네이버페이 SDK Ver. 2.1'은  SDK를 이용하여 결제창을 손쉽게 띄울 수 있습니다.

'네이버페이 SDK'에서 ‘return-url 을 입력하여, 사용자 결제 완료 후 결제 결과를 받을 수 있도록 해 주세요.

자세한 내용은 https://developer.pay.naver.com/docs/v2/api 에서 확인하세요.

<1단계> 레코픽 로그수집 스크립트 삽입

공통 헤더 파일이 있는 경우는 공통 헤더용 로그수집 스크립트를 삽입한 후 페이지별로 해당 ‘sendLog’를 추가 삽입해 주시고

공통 헤더 파일이 없는 경우 페이지별로 ‘sendLog’를 포함한 로그수집 스크립트를 삽입해주세요! 

(warning) 주의하세요!  상품상세페이지에서 상품메타태그는 sendLog보다 앞에 위치해야 합니다. 그래야 사용자행동로그와 함께 상품메타정보도 같이 레코픽으로 전송됩니다.

공통 헤더 파일이 있는 경우

1. 공통 헤더 파일에 로그수집 스크립트 삽입하기

  1. 모든 페이지의 공통 헤더 파일 <head> … </head>태그 사이에 아래 스크립트를 넣어주세요. 스크립트 관리가 용이하도록 </head>태그 바로 앞에 넣기를 권장합니다.

    (warning) 주의하세요! '사이트 url' 에는 레코픽 회원 가입 시에 등록하신 사이트 URL과 동일한 URL을 넣어주셔야 합니다. 회원 가입 시 사이트 URL을 등록하실 때에 www 는 제외해 주십시오. 또한, 대소문자 구별을 꼭 해주셔야 합니다.


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');             
    </script>
    <!--RecoPick 로그수집 스크립트 -->



2.  페이지별 ‘sendLog’ 추가 삽입하기

  1. 각각의 페이지에 들어가시면 공통 헤더용 로그수집 스크립트가 삽입되어 있습니다.  공통헤더용 로그수집 스크립트 안에 ‘sendLog’ 를 삽입해 주세요. < 그림 1: 삽입위치 참고>
    ‘sendLog’는 실제 데이터를 전송하는 역할을 하기 때문에 각 페이지에 맞게 수정해 주셔야 합니다. 

          <그림 1 : 삽입위치 참고>

          

             * ‘sendLog’ 삽입 위치는 위처럼 공통 헤더용 로그수집 스크립트 안에 삽입하셔도 되고,  <script>...<script> 태그에 넣어 공통헤더용 로그수집 스크립트와 별도로 삽입하셔도 됩니다. 

                그럴 경우 공통 헤더용 로그수집 스크립트보다 하단에 위치하도록 해야 합니다.


     2. 상품 상세 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. <그림1 삽입위치 참고>

         아래 스트립트를 삽입후 상품id, 카테고리는 실제 사용하시는 변수로 수정해 주셔야 하며 상품id, 카테고리는 문자열로 전달되어야 합니다.

ex) 상품id가 12345, 카테고리가 여성의류 일때, {id:'12345', c1:'여성의류'}

       <예시>

   3. 장바구니 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. <그림1 삽입위치 참고>

        아래 스트립트를 삽입후 상품id, 상품개수는 실제 사용하시는 변수로 수정해 주셔야 하며 상품id는 문자열로 전달되어야 합니다.


    4. 구매완료 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. <그림1 삽입위치 참고>

ex) 상품id가 12345 일때, {id:'12345'}


     5. 검색 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. <그림1 삽입위치 참고>

        아래 스트립트를 삽입후 keyword는 사용자의 검색어(쇼핑몰 내부 검색어, 검색광고 유입 검색어)로 수정해 주셔야 합니다.

       <예시>

     6. 메인페이지 및 마이페이지 등의  기타 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. (단, 상품상세페이지, 장바구니페이지, 구매완료페이지, 검색결과페이지는 제외)

 공통 헤더 파일이 없는 경우

1. 메인 및 마이페이지 등 상품 ID가 없는 모든 페이지에 삽입하기 (단, 상품상세페이지, 장바구니페이지, 구매완료페이지, 검색결과페이지는 제외)

  1. 메인페이지, 마이페이지와 그외 상품ID가 없는 모든페이지에 아래 스트크립트를 삽입해주세요.
    (warning) 주의하세요! '사이트 url' 에는 레코픽 회원 가입 시에 등록하신 사이트 URL과 동일한 URL을 넣어주셔야 합니다. 회원 가입 시 사이트 URL을 등록하실 때에 www 는 제외해 주십시오. 또한, 대소문자 구별을 꼭 해주셔야 합니다.


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');
       recoPick('sendLog','visit');     
    </script>
    <!--RecoPick 로그수집 스크립트 -->



  2.  더욱 특화된 개인화 추천을 원하시면 암호화된 ID, 연령, 성별 데이터를 보내주세요! 

    (’service’, ‘ 사이트 url’); 바로 다음에 아래 스크립트를 삽입해 주시면 됩니다. 출생년도, 성별은 예시 참고하셔서 변경해 주시고 MEMBER_ID(MID)는 자체적으로 사용중인 회원 ID를 암호화해서 보내주세요.
    레코픽에서 수집하는 암호화된 ID, 연령, 성별 데이터로는 절대 개개인을 식별할 수 없으며, 단순히 사용자를 구분하기 위한 용도로만 사용됩니다.
      예를 들어, 같은 회원이 PC와 모바일을 통해 접속한다면 MID를 통해  매핑하면 RecoPick에서도 두 사용자를 같은 회원으로 인식하여 개인화 추천 등의 품질 향상에 도움이 됩니다.

    (warning) 주의하세요! 레코픽 추천을 API 방식으로 사용하는 경우, GET방식으로 API를 호출하게 됩니다.
      이 경우 일부 API의 파라미터에 MID가 사용되는데, MID 값에 일부 특수문자(예> &, =) 가 들어가게 되면 정상동작 하지 않을 수 있습니다.
      암호화된 결과에 특수문자가 들어가지 않는 암호화 알고리즘으로 단방향 암호화 해주세요. (예> SHA-256, MD5 등)

    * MID 단방향 암호화 예 : 88020d58ceb8a4ad7f6756021fbc06b8a91f17daad2f04a5d369608d9c308bde (SHA-256으로 암호화), 4509bf9373ff3dca193ba02726c87988 (MD5로 암호화)


    recoPick('setMID',암호화된 MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘출생연도’, gender:'성별’});
    


    <예시>

    * 출생년도, 성별 정보 (M: 남자, F: 여자)

    recoPick('setUserInfo',{ birthyear: ‘1987’, gender: 'M’});


2. 상품 상세 페이지에 삽입하기

  1. 상품 상세 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. 
    아래 스트립트를 삽입후 상품id, 카테고리는 실제 사용하시는 변수로 수정해 주셔야 하며 상품id, 카테고리는 문자열로 전달되어야 합니다.

    ex) 상품id가 12345, 카테고리가 여성의류 일때, {id:'12345', c1:'여성의류'}

           (warning) 주의하세요! '사이트 url' 에는 레코픽 회원 가입 시에 등록하신 사이트 URL과 동일한 URL을 넣어주셔야 합니다. 회원 가입 시 사이트 URL을 등록하실 때에 www 는 제외해 주십시오. 또한, 대소문자 구별을 꼭 해주셔야 합니다.


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');
       recoPick('sendLog','view', {id:'상품id', c1:'카테고리(대)', c2:'카테고리(중)', c3:'카테고리(소)'});      
    </script>
    <!--RecoPick 로그수집 스크립트 -->


     <예시>

    2. 더욱 특화된 개인화 추천을 원하시면 암호화된 ID, 연령, 성별 데이터를 보내주세요! 

    (’service’, ‘ 사이트 url’); 바로 다음에 아래 스크립트를 삽입해 주시면 됩니다. 출생년도, 성별은 예시 참고하셔서 변경해 주시고 MEMBER_ID(MID)는 자체적으로 사용중인 회원 ID를 암호화해서 보내주세요.
    * 레코픽에서 수집하는 암호화된 ID, 연령, 성별 데이터로는 절대 개개인을 식별할 수 없으며, 단순히 사용자를 구분하기 위한 용도로만 사용됩니다.
      예를 들어, 같은 회원이 PC와 모바일을 통해 접속한다면 MID를 통해  매핑하면 RecoPick에서도 두 사용자를 같은 회원으로 인식하여 개인화 추천 등의 품질 향상에 도움이 됩니다.

    (warning) 주의하세요! 레코픽 추천을 API 방식으로 사용하는 경우, GET방식으로 API를 호출하게 됩니다.
      이 경우 일부 API의 파라미터에 MID가 사용되는데, MID 값에 일부 특수문자(예> &, =) 가 들어가게 되면 정상동작 하지 않을 수 있습니다.
      암호화된 결과에 특수문자가 들어가지 않는 암호화 알고리즘으로 단방향 암호화 해주세요. (예> SHA-256, MD5 등)

    * MID 단방향 암호화 예 : 88020d58ceb8a4ad7f6756021fbc06b8a91f17daad2f04a5d369608d9c308bde (SHA-256으로 암호화), 4509bf9373ff3dca193ba02726c87988 (MD5로 암호화)


    recoPick('setMID',암호화된 MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘출생연도’, gender:'성별’});
    


    <예시>

    * 출생년도, 성별 정보 (M: 남자, F: 여자)

    recoPick('setUserInfo',{ birthyear: ‘1987’, gender: 'M’});


3. 장바구니 페이지에 삽입하기

  1. 장바구니 페이지에 아래 스트립트를 삽입해 주세요. 
    아래 스트립트를 삽입후 상품id, 카테고리는 실제 사용하시는 변수로 수정해 주셔야 하며 상품id, 카테고리는 문자열로 전달되어야 합니다.

    ex) 상품id가 12345, 카테고리가 여성의류 일때, {id:'12345', c1:'여성의류'}


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');
       recoPick('sendLog','basket', {id:'상품id', count:상품개수});       
    </script>
    <!--RecoPick 로그수집 스크립트 -->


     <예시>

    2. 더욱 특화된 개인화 추천을 원하시면 암호화된 ID, 연령, 성별 데이터를 보내주세요! 

    (’service’, ‘ 사이트 url’); 바로 다음에 아래 스크립트를 삽입해 주시면 됩니다. 출생년도, 성별은 예시 참고하셔서 변경해 주시고 MEMBER_ID(MID)는 자체적으로 사용중인 회원 ID를 암호화해서 보내주세요.
    * 레코픽에서 수집하는 암호화된 ID, 연령, 성별 데이터로는 절대 개개인을 식별할 수 없으며, 단순히 사용자를 구분하기 위한 용도로만 사용됩니다.
      예를 들어, 같은 회원이 PC와 모바일을 통해 접속한다면 MID를 통해  매핑하면 RecoPick에서도 두 사용자를 같은 회원으로 인식하여 개인화 추천 등의 품질 향상에 도움이 됩니다.

    (warning) 주의하세요! 레코픽 추천을 API 방식으로 사용하는 경우, GET방식으로 API를 호출하게 됩니다.
      이 경우 일부 API의 파라미터에 MID가 사용되는데, MID 값에 일부 특수문자(예> &, =) 가 들어가게 되면 정상동작 하지 않을 수 있습니다.
      암호화된 결과에 특수문자가 들어가지 않는 암호화 알고리즘으로 단방향 암호화 해주세요. (예> SHA-256, MD5 등)

    * MID 단방향 암호화 예 : 88020d58ceb8a4ad7f6756021fbc06b8a91f17daad2f04a5d369608d9c308bde (SHA-256으로 암호화), 4509bf9373ff3dca193ba02726c87988 (MD5로 암호화)


    recoPick('setMID',암호화된 MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘출생연도’, gender:'성별’});
    


    <예시>

    * 출생년도, 성별 정보 (M: 남자, F: 여자)

    recoPick('setUserInfo',{ birthyear: ‘1987’, gender: 'M’});


4. 구매완료 페이지에 삽입하기

  1. 구매완료 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. 

    아래 스트립트를 삽입후 상품id, 상품개수, 상품별총가격은 실제 사용하시는 변수로 수정해 주셔야 하며 상품id는 문자열로 전달되어야 합니다.

    ex) 상품id가 12345 일때, {id:'12345'}


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');
       recoPick('sendLog','order', {id:'상품id', count:상품개수, total_sales:상품별총가격});      
    </script>
    <!--RecoPick 로그수집 스크립트 -->


     <예시>

    2. 더욱 특화된 개인화 추천을 원하시면 암호화된 ID, 연령, 성별 데이터를 보내주세요! 

    (’service’, ‘ 사이트 url’); 바로 다음에 아래 스크립트를 삽입해 주시면 됩니다. 출생년도, 성별은 예시 참고하셔서 변경해 주시고 MEMBER_ID(MID)는 자체적으로 사용중인 회원 ID를 암호화해서 보내주세요.
    * 레코픽에서 수집하는 암호화된 ID, 연령, 성별 데이터로는 절대 개개인을 식별할 수 없으며, 단순히 사용자를 구분하기 위한 용도로만 사용됩니다.
      예를 들어, 같은 회원이 PC와 모바일을 통해 접속한다면 MID를 통해  매핑하면 RecoPick에서도 두 사용자를 같은 회원으로 인식하여 개인화 추천 등의 품질 향상에 도움이 됩니다.

    (warning) 주의하세요! 레코픽 추천을 API 방식으로 사용하는 경우, GET방식으로 API를 호출하게 됩니다.
      이 경우 일부 API의 파라미터에 MID가 사용되는데, MID 값에 일부 특수문자(예> &, =) 가 들어가게 되면 정상동작 하지 않을 수 있습니다.
      암호화된 결과에 특수문자가 들어가지 않는 암호화 알고리즘으로 단방향 암호화 해주세요. (예> SHA-256, MD5 등)

    * MID 단방향 암호화 예 : 88020d58ceb8a4ad7f6756021fbc06b8a91f17daad2f04a5d369608d9c308bde (SHA-256으로 암호화), 4509bf9373ff3dca193ba02726c87988 (MD5로 암호화)


    recoPick('setMID',암호화된 MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘출생연도’, gender:'성별’});
    


    <예시>

    * 출생년도, 성별 정보 (M: 남자, F: 여자)

    recoPick('setUserInfo',{ birthyear: ‘1987’, gender: 'M’});


5. 검색 페이지에 삽입하기

  1. 검색 페이지에 들어가셔서 아래 스크립트를 삽입해주세요. 

    아래 스트립트를 삽입후 keyword는 실제 사용하시는 변수로 수정해 주셔야 하며 상품id는 문자열로 전달되어야 합니다.

    ex) 상품id가 12345 일때, {id:'12345'}


    <!--RecoPick 로그수집 스크립트 -->
    <script type="text/javascript">
      (function(w,d,n,s,e,o) {
         w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
         e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js';
         o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o);
       })(window, document, 'recoPick', 'script');
       recoPick('service', '사이트 url');
       recoPick('sendLog','search', 'keyword');      
    </script>
    <!--RecoPick 로그수집 스크립트 -->


     <예시>

    2. 더욱 특화된 개인화 추천을 원하시면 암호화된 ID, 연령, 성별 데이터를 보내주세요! 

    (’service’, ‘ 사이트 url’); 바로 다음에 아래 스크립트를 삽입해 주시면 됩니다. 출생년도, 성별은 예시 참고하셔서 변경해 주시고 MEMBER_ID(MID)는 자체적으로 사용중인 회원 ID를 암호화해서 보내주세요.
    * 레코픽에서 수집하는 암호화된 ID, 연령, 성별 데이터로는 절대 개개인을 식별할 수 없으며, 단순히 사용자를 구분하기 위한 용도로만 사용됩니다.
      예를 들어, 같은 회원이 PC와 모바일을 통해 접속한다면 MID를 통해  매핑하면 RecoPick에서도 두 사용자를 같은 회원으로 인식하여 개인화 추천 등의 품질 향상에 도움이 됩니다.

    (warning) 주의하세요! 레코픽 추천을 API 방식으로 사용하는 경우, GET방식으로 API를 호출하게 됩니다.
      이 경우 일부 API의 파라미터에 MID가 사용되는데, MID 값에 일부 특수문자(예> &, =) 가 들어가게 되면 정상동작 하지 않을 수 있습니다.
      암호화된 결과에 특수문자가 들어가지 않는 암호화 알고리즘으로 단방향 암호화 해주세요. (예> SHA-256, MD5 등)

    * MID 단방향 암호화 예 : 88020d58ceb8a4ad7f6756021fbc06b8a91f17daad2f04a5d369608d9c308bde (SHA-256으로 암호화), 4509bf9373ff3dca193ba02726c87988 (MD5로 암호화)


    recoPick('setMID',암호화된 MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘출생연도’, gender:'성별’});
    


    <예시>

    * 출생년도, 성별 정보 (M: 남자, F: 여자)

    recoPick('setUserInfo',{ birthyear: ‘1987’, gender: 'M’});






<2단계> 상품 메타 태그 삽입

1. 상품 메타 태그는 스크립트 관리를 위해 상품상세페이지의 <head> … </head> 태그 사이 레코픽 로그수집 스크립트 바로 뒤에 삽입하길 권장합니다. 만약 헤더파일이 없는 경우 html 최상단에 삽입해 주세요!

(warning) 주의하세요!  상품상세페이지에서 상품메타태그는 sendLog보다 앞에 위치해야 합니다. 그래야 사용자행동로그와 함께 상품메타정보도 같이 레코픽으로 전송됩니다.

 

2.  기본 메타 태그 삽입후 상황에 따라 아래 태그를 추가해주세요!

3. Content 블루텍스트 부분은 실제 사용하는 변수로 수정해 주셔야 하며 반드시 큰따옴표(double-quotes)로 묶여야 합니다.


< 메타 태그 설명 >
PropertyContent

recopick:title (상품명)

* 필수 메타 입니다.

상품 이름

<예시> “ 클래식 체크 스커트”

recopick:image (상품이미지)

* 필수 메타 입니다.

상품 이미지 URL 

<예시> http://www.recopick.com/abc/def/abc001.jpg

※ 팁 : 상품 이미지의 가로/세로 비율을 동일하게 해주셔야, 추천 상품 영역의 룩앤필이 좋아집니다.

※ 레코픽은 상품이미지 파일을 저장하지 않고, URL 정보만 저장합니다.

recopick:price (정상가격)
* 필수 메타 입니다.

상품 가격

<예시> "55800"

recopick:price:currency (정상가격 표시)

* 필수 메타 입니다.

통화 단위

<예시> 원화인 경우 “KRW,” 달러화인 경우 “USD”, 엔화인 경우 “JPY”

recopick:sale_price (할인가격) 할인 가격 

<예시> "54600"

recopick:sale_price:currency (할인가격 표시)

할인 가격 통화 단위

<예시> 원화인 경우 “KRW,” 달러화인 경우 “USD”, 엔화인 경우 “JPY”

recopick:availability (상품 품절 표시 : 추천 상품 제외)

* 상품 품절인 경우에만 사용될 수 있도록 상품 품절여부를 체크하는 if 조건문 내에 위치시켜 주세요.

OOS (out of service 약자)

※ 추천 상품에서 제외됩니다.

recopick:brand (브랜드)브랜드명 <예시> “ Nike” 
recopick:author (판매자 or 제조사)

판매자 or 제조사 정보 <예시> "Ode"

recopick:description (상품설명)상품에 대한 설명

상품에 대한 간단한 설명을 넣어주세요.



<3단계> 추천 상품 노출

추천 상품을 노출 하기 위하여 추천 위젯추천 API 2가지 방식을 이용하여 선택적으로 상품 노출이 가능합니다. 

추천위젯의 경우 적용기간이 빠르긴 하지만 저희가 제공해 드리는 몇 개 template 내에서 선택하여 사용해야 하므로 고객사 사이트의 UX 에 맞지 않을 수 있습니다. 

이경우 API방식을 통하여 추천데이터만 받으셔서 자체적으로 화면을 디자인 하셔서 노출 하실 수 있습니다.

<3-1> 추천 위젯 이용 방식

 

 Admin Dashboard > 추천 위젯 설정에 들어가셔서 아래 가이드에 따라 추천위젯을 설정합니다.

 상품상세, 메인, 장바구니, 구매완료, 마이페이지 등 추가로 생성하신 후 생성된 스크립트를 고객님 쇼핑몰 페이지별로 적용해 주세요.


*추천 위젯을 삽입후 사이트에서 추천결과를 바로 확인하실 수 없습니다.

추천계산을 위해 데이터 수집 후, 2~3일이 지나서 추천결과를 확인하실 수 있는데 추천결과 반영은 메일을 통해 안내해 드립니다. 안내에 따라 노출을 원하시는 시점에 추천타입을 설정한 후 저장하시면 사이트에서 반영하실 수 있습니다.


1.     상품 상세 페이지 상단 (함께 본 상품 추천)

  1. 위젯 관리가 용의하도록 위젯명을 상품상세_상단으로 입력합니다.
  2. 채널별 성과분석시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 detail_top으로 입력합니다. 
  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)
  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요.  

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 상품 상세 페이지 상단에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>



2.     상품 상세 페이지  (함께 구매한 상품 추천)

  1. 새 스타일 추가 버튼을 클릭해서 새로운 탭이 생성되면 위젯명을 상품상세_하단으로 입력합니다.

  2. 채널 별 성과 분석 시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 detail_bottom으로 입력합니다. 

  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)

  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요. 

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 상품 상세 페이지 하단에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>



3.     메인 페이지  (실시간 개인화 추천)

  1. 새 스타일 추가 버튼을 클릭해서 새로운 탭이 생성되면 위젯명을 메인으로 입력합니다.

  2. 채널 별 성과분석시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 main으로 입력합니다. 

  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)

  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요. 

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 메인 페이지에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>
     



4.     장바구니 페이지  (함께 구매한 상품 추천)

  1. 새 스타일 추가 버튼을 클릭해서 새로운 탭이 생성되면 위젯명을 장바구니로 입력합니다.

  2. 채널 별 성과분석시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 basket으로 입력합니다. 

  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)

  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요. 

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 장바구니 페이지에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>
     



5.     주문완료 페이지  (실시간 개인화 추천)

  1. 새 스타일 추가 버튼을 클릭해서 새로운 탭이 생성되면 위젯명을 주문완료로 입력합니다.

  2. 채널 별 성과분석시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 order_result으로 입력합니다. 

  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)

  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요. 

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 주문완료 페이지에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>
     


6.     마이 페이지  (실시간 개인화 추천)

  1. 새 스타일 추가 버튼을 클릭해서 새로운 탭이 생성되면 위젯명을 마이페이지로 입력합니다.

  2. 채널 별 성과분석시(추천클릭률, 추천경유매출 등) 비교가 용이하도록 mypage으로 입력합니다. 

  3. 추천타입은 우선 사용안함으로 설정합니다. (데이터 수집후, 2~3일이 지나서 설정합니다.)

  4. 그 외 원하시는 대로 위젯 스타일을 변경하실 수 있으며 할인가 표시를 원하시면 표시여부를 체크해 주세요. 

    <위젯설정 예시>


  5. 모든 설정을 마친 후에는 꼭 저장 버튼을 클릭하시고 아래 위젯 적용 부분의 스크립트를 복사해서 고객님 사이트의 마이 페이지에 삽입해 주세요. <삽입 위치 참고>

    <위젯 적용><삽입 위치>



추천결과 반영시점은 메일을 통해 알려드립니다. 메일을 받으신 후 안내에 따라  Admin Dashboard  > 추천 위젯 설정에 들어가셔서

사용안함으로 설정된 추천타입을 아래 가이드에 따라 설정한 후 저장하시면 사이트에서 추천결과를 확인 하실 수 있습니다. 


1.상품상세, 메인, 장바구니, 주문완료, 마이페이지 등에 아래 예제처럼 추천타입을 설정합니다.

2. 설정된 추천타입에 따라 그에 매치되는 타이틀로 변경합니다. (개인화 추천 예시 : ‘고객님을 위한 추천’, ‘고객님의 성향에 맞는 추천’ 등)

3. 모든 설정을 마친 후에는 꼭 저장버튼을 클릭하셔야 사이트에 반영됩니다. 

* 추천 설정은 가장 추천효과가 좋았던 best practice기반으로 안내하고 있으며 1순위 추천결과가 나타나지 않는 경우 다음 순위 추천결과를 노출합니다.

추천 설정상품상세_상단상품상세_하단메인  페이지

장바구니

주문완료마이페이지그외 페이지
1순위함께 본 상품 추천실시간 개인화 추천실시간 개인화 추천함께 구매한 상품 추천

실시간 개인화 추천

실시간 개인화 추천실시간 개인화 추천
2순위실시간 개인화 추천함께 구매한 상품 추천

통계형 추천

(구매전환율 TOP 100)

실시간 개인화 추천

함께 구매한 상품 추천

통계형 추천

(구매전환율 TOP 100)

통계형 추천

(구매전환율 TOP 100)
3순위

통계형 추천

(구매전환율 TOP 100)

통계형 추천

(구매전환율 TOP 100)
사용안함

통계형 추천

(많이 팔린 상품 TOP 100)

통계형 추천

(많이 팔린 상품 TOP 100)
사용안함사용안함


<3-2> API 방식

   

<4 단계> 추천성과 분석