한국어 한국어   Englilsh English

.

Skip to end of metadata
Go to start of metadata


<Step 1> Inserting RecoPick log collection script

If there is a common header file present, first insert the log collection script for common headers and additionally insert the corresponding 'sendLog' on each page. If there is no header file, please insert the log collection script including 'sendLog' on each page!

If there is a common header file 

1. Inserting log collection script in common header file

  1. Insert the following script between the <head> ….</head> tags of the common header file on all pages. For convenience in script management, we recommend inserting the script right before the </head> closing tag.

    (warning) Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.

    Log collection script for common headers
    <!--RecoPick log collection script -->
    <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', 'website url');             
    </script>
    <!--RecoPick log collection script -->
  2. Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    *  Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID.
    *  All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    < Example>

    * Gender information (M: Male, F: Female, O: Others)

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


2.  Additionally inserting 'sendLog' on each page

  1. On each page a Log collection script for common headers will be inserted. Insert 'sendLog' in the log collection script for common headers. < Figure 1: Refer to insertion location >

    'sendLog' must be edited according to each page as it functions to transmit actual data.

           <Figure 1 : Refer to insertion location>

            

             * You may either insert 'sendLog' in the log collection script for common headers as mentioned above, or insert it separately in between <script> … </script> tags.

               When inserted separately, you must place it below the log collection script for common headers.

 

     2.  Insert the following script on all pages without product id including the MAIN and MY PAGE.

  • sendLog_visit
    recoPick('sendLog','visit'); 
    

 

     3.  Insert the following script in the product details page. < Figure 1: Refer to insertion location >
         Once the script has been inserted, the product ID and category must be edited using variables that are actually used, and both product ID and category must be bound by single quotes.

  • Enter the corresponding variables that are actually used in 'Category(Large)', 'Category(Medium)', 'Category(Small)' in order for us to provide a higher quality recommendation.
  • A maximum of 3 sub-categories(Large/Medium/Small) are provided, and uses c1, c2, c3 as keys.
  • At least 1 category information (c1: Large category) must be provided.
  • sendLog_view (including categories)
    recoPick('sendLog','view', {id:'product id', c1:'category(large)', c2:'category(medium)', c3:'category(small)'}); 
    

       < Example>

  • When a user visits the product details page of item#123 (Includes product category information)

    recoPick('sendLog','view', {id:'123', c1:'women's apparel', c2:'jackets/coats', c3:'mustang/leather'});
    

  • When a user visits the product details page of item#133 (Includes product category information)

    recoPick('sendLog','view', {id:'133', c1:'bags/accessories', c2:'wallet', c3:'women's wallet'});

 

   4.  Insert the following script in the my cart page. < Figure 1: Refer to insertion location >

        Once the script has been inserted, the product ID and number of items must be edited using variables that are actually used, and product ID must be bound by single quotes.

  • sendLog_basket
    recoPick('sendLog','basket', {id:'product id', count:number of items}); 
    

    <Example>

  • When a user has added 2 item#123 and 1 item#133 to their cart

    recoPick('sendLog','basket', {id:'123', count:2},{id:'133', count:1});

 

    5.  Insert the following script in the purchase complete page. < Figure 1: Refer to insertion location >

        Once the script has been inserted, the product ID, number of items, total price per item must be edited using variables that are actually used, and product ID must be bound by single quotes.

  • sendLog_order
    recoPick('sendLog','order', {id:'product id', count:number of items, total_sales:total price per item}); 
    

    < Example>

  • When a user has purchased 2 item#123 for 12,000won (6,000won each) and 1 item#133 for 6,000won.

    recoPick('sendLog','order', {id:'123', count:2, total_sales:12000},{id:'133', count:1, total_sales:6000});

 

     6.  Insert the following script in the search page. < Figure 1: Refer to insertion location >

        After inserting the script below, the keyword must be edited to user's search word (search word used within shopping mall, search word from search advertisement).

  • sendLog_search
    recoPick('sendLog','search', 'keyword'); 

       < Example>

  • When a customer searches for 'jeans' within the shopping mall

    recoPick('sendLog','search', 'jeans');

 

When there is no common header file

1. MAIN , MY PAGE and all pages without product ID 

  1. Insert the following script on all pages without product id including the MAIN and MY PAGE.
    (warning) Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.

    Log collection script (sendLog_visit)
    <!--RecoPick log collection script -->
    <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', 'website url');
       recoPick('sendLog','visit');     
    </script>
    <!--RecoPick log collection script -->
  2.  Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    * Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID.

    * All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    <Example>

    *  Gender information (M: Male, F: Female, O: Others)

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

 

2.  Product details page

  1. Insert the following script in the product details page

    Once the script has been inserted, the product ID and category must be edited using variables that are actually used, and both product ID and category must be bound by single quotes.

    • Enter the corresponding variables that are actually used in 'Category(Large)', 'Category(Medium)', 'Category(Small)' in order for us to provide a higher quality recommendation.
    • A maximum of 3 sub-categories(Large/Medium/Small) are provided, and uses c1, c2, c3 as keys.
    • At least 1 category information (c1: Large category) must be provided.

    (warning) Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.

    Log collection script (sendLog_view)
    <!--RecoPick log collection script -->
    <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', 'website url');
       recoPick('sendLog','view', {id:'product id', c1:'category(large)', c2:'category(medium)', c3:'category(small)'});      
    </script>
    <!--RecoPick log collection script -->

      < Example>

    • When a user visits the product details page of item#123 (Includes product category information)

      recoPick('sendLog','view', {id:'123', c1:'women's apparel', c2:'jackets/coats', c3:'mustang/leather'});
      

    • When a user visits the product details page of item#133 (Includes product category information)

      recoPick('sendLog','view', {id:'133', c1:'bags/accessories', c2:'wallet', c3:'women's wallet'});

    2. Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    * Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID. 

    * All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

     

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    <Example>

    *  Gender information (M: Male, F: Female, O: Others)

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


3.  My Cart page

  1. Insert the following script in the my cart page.
    Once the script has been inserted, the product ID and number of items must be edited using variables that are actually used, and product ID must be bound by single quotes.

  • (warning) Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.
  • Log collection script (sendLog_basket)
    <!--RecoPick log collection script -->
    <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', 'website url');
       recoPick('sendLog','basket', {id:'product id', count:number of items});       
    </script>
    <!--RecoPick log collection script -->

     <Example>

    • When a user has added 2 item#123 and 1 item#133 to their cart

      recoPick('sendLog','basket', {id:'123', count:2},{id:'133', count:1});

    2. Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    * Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID.

    * All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    <Example>

    *  Gender information (M: Male, F: Female, O: Others)

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


4.  Purchase Complete page

  1. Insert the following script in the purchase complete page

    Once the script has been inserted, the product ID, number of items, total price per item must be edited using variables that are actually used, and product ID must be bound by single quotes.

    • (warning) Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.
    Log collection script (sendLog_order)
    <!--RecoPick log collection script -->
    <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', 'website url');
       recoPick('sendLog','order', {id:'product id', count:number of items, total_sales:total price per item});      
    </script>
    <!--RecoPick log collection script -->

     <Example>

    • When a user has purchased 2 item#123 for 12,000won (6,000won each) and 1 item#133 for 6,000won.

      recoPick('sendLog','order', {id:'123', count:2, total_sales:12000},{id:'133', count:1, total_sales:6000});

    2. Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    * Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID.

    * All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

     

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    <Example>

    *  Gender information (M: Male, F: Female, O: Others)

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


5. Search Page

  1. Insert the following script in the search page

    After inserting the script below, the keyword must be edited to user's search word (search word used within shopping mall, search word from search advertisement).

    • (warning)Note! Make sure the 'website url' includes the site address with www excluded. All letters are case-sensitive.
    Log collection script (sendLog_search)
    <!--RecoPick log collection script -->
    <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', 'website url');
       recoPick('sendLog','search', 'keyword');      
    </script>
    <!--RecoPick log collection script -->

     <Example>

    • When a customer searches for 'jeans' within the shopping mall

      recoPick('sendLog','search', 'jeans');

    2. Once the log collection script for common headers has been inserted, please submit the encrypted ID, age, gender data if you seek for a more specialized personalized recommendation.

    * Insert the following script right after (’service’, ‘ website Url’);. Modify the year of birth and gender equivalent to the given examples and submit the existing user ID in encrypted format for MEMBER_ID.

    * All encrypted data regarding ID, age and gender collected by RecoPick are unidentifiable personal information. For the purpose of distinguishing users, for example, if a same user logs in via both PC and mobile routes, RecoPick can recognize both logins as the same user by mapping through MID to improve the quality including personalized recommendation.

    Log collection script to distinguish users
    recoPick('setMID',encrypted MEMBER_ID); 
    recoPick('setUserInfo',{ birthyear:‘1987’, gender:'M’});
    

    <Example>

    *  Gender information (M: Male, F: Female, O: Others)

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

<Step 2> Inserting product information meta tag

1.  For ease of management purposes, the product information meta tag should be inserted right after the RecoPick log collection script between the <head> ….</head> tags on the product details page. If there is no header file, insert the meta tag at the uppermost region of the HTML!

  • Default meta tag
    <meta property="recopick:title" content="product name">
    <meta property="recopick:image" content="product image url">
    <meta property="recopick:price" content="product price">
    <meta property="recopick:price:currency" content="currency">
    <meta property="recopick:description" content="product details">
    <meta name="recopick:author" content="brand or vendor information">

 

2.  Once the default meta tag has been inserted, add the following tags accordingly when applicable!

  • Both current and discount price can be shown.
  • If there is a discount price
    <meta property="recopick:sale_price:amount" content="discount price">
    <meta property="recopick:sale_price:currency" content="currency units">
  • When a product is out of stock

  • if a product is out of stock
    <!--/if soldout/-->
    <meta property="recopick:availability" content="oos">
    <!--/end if/-->

     

3.  The blue text under Contents must be edited using variables that are actually used and must be bound by double quotes.

  • < Description of meta tags  >

    PropertyContent

    recopick:title (product name)

    * The required meta tags are as follows.

    Product name

    <Example> “Classic checkered skirts”

    recopick:image (product name)

    *The required meta tags are as follows.

    Product image url

    * To allow images to properly appear on the recommendation widget, use images with a 1:1 aspect ratio!

    recopick:price (Normal price) *The required meta tags are as follows.Product price <Example> "55800"
    recopick:price:currency (Show price) *The required meta tags are as follows.

    Currency unit

    <Example> “KRW” for Korean Won,  “USD” for U.S. Dollars, and “JPY” for Japanese Yen.

    recopick:description (Product details)

     Brief description of the product
    * Provide a brief description of the product!
    recopick:author (Product brand or Vendor information)

    Brand or Vendor information
    * e.g. “ Nike”

    recopick:sale_price (Discount price)Discount price <Example> "54600"
    recopick:sale_price:currency (Show price)

    Currency unit for discount price

    <Example> “KRW” for Korean Won,  “USD” for U.S. Dollars, and “JPY” for Japanese Yen.

    recopick:availability (Show product availability)

    * Place within an if statement for it to appear only when a product is out of stock.

    OOS (out of service)

    * RecoPick also regards a product as out of stock under the following circumstances.

    - In the absence of essential meta information of a product

    - When the page is visited via a URL of the product page but is redirected (redirect, automatically relocated)

    - When the HTML document of the product page does not exceed 128 bytes

    recopick:c1 (Large category) product category (large)
    recopick:c2 (Middle category) product category (middle)
    recopick:c3 (Small category) product category (small)
    recopick:brand (brand)brand name

<Step 3> Inserting recommendation widget

 

 Follow the guidelines below to configure your recommendation widget under Admin Dashboard > Recommendation widget configurations.

 Once you have created additional pages such as product details, main, my cart, purchase complete, and my page, apply the generated scripts onto the pages of your shopping mall.

* Recommendation results do not appear immediately on you website upon application of the recommendation widget. 

Recommendation calculation usually requires 2~3 days following data collection and you will be notified via e-mail once recommendation results are implemented. Using the guidelines below, you may select and save the desired time of exposure and type of recommendation to implement.

1.  Top section of the product details page (“View Together”)

  1. To facilitate widget management, set the name of widget as product details_top.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use detail_top
  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)
  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.  

    <Example of widget configuration>


  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the top section of the product details page of your website. <Refer to insertion location>

    <Widget application><Insertion location>


2.  Bottom section of the product details page (“Buy Together”)

  1. Once a new tab has been generated by clicking on add new style, set the name of widget as product details_bottom.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use detail_bottom.

  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)>

  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.  

    <Example of widget configuration>
  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the bottom section of the product details page of your website. <Refer to insertion location>

    <Widget application><Insertion location>


3.    Main page (“Personalized recommendation”)

  1. Once a new tab has been generated by clicking on add new style, set the name of widget as main.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use main.

  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)

  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.  

    <Example of widget configuration>
  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the main page of your website. <Refer to insertion location>

    <Widget application><Insertion location>


4.  My cart page (“Buy Together”)

  1. Once a new tab has been generated by clicking on add new style, set the name of widget as my cart.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use cart.

  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)

  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.   

    <Example of widget configuration>
  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the my cart page of your website. <Refer to insertion location>

    <Widget application><Insertion location>


5.   Order complete page (“Personalized recommendation”)

  1. Once a new tab has been generated by clicking on add new style, set the name of widget as ordercomplete.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use ordercomplete.

  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)

  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.   

    <Example of widget configuration>
  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the order complete page of your website. <Refer to insertion location>

    <Widget application><Insertion location>


6.    My page (“Personalized recommendation”)

  1. Once a new tab has been generated by clicking on add new style, set the name of widget as mypage.

  2. To facilitate comparison during performance analysis by channel (Recommendation click-through rate, Revenue via recommendation, etc.) use mypage.

  3. Recommendation type should initially be set as do not use. (Settings may be changed 2~3 days following data collection.)

  4. You may select other widget style options to your liking. If you wish to display the discount price, make sure the display option is checked.  

    <Example of widget configuration>
  5. Once finished, be sure to click the Save button and copy the generated script in the widget application portion below onto the my page of your website. <Refer to insertion location>

    <Widget application><Insertion location>

Beginning recommendation service (Prioritizing recommendation)

Have you successfully completed inserting the log collection script, meta tag, and recommendation widget?

Upon proper installation, recommendation results will be available for implementation 2~3 days following data collection. 

You will be notified via e-mail once recommendation results are implemented. Once you receive the e-mail, you may select and save the desired type of recommendation under  Admin Dashboard  > Recommendation widget configurations and start viewing recommendation results on your website.

 

1. Refer to the examples below and select the type of recommendation to be implemented on the Product details, Main, My cart, Order complete, and My page.

2. Set the title of the widget in accordance with the type of recommendation selected. (Example of personalized recommendation : 'Recommendations for you,' 'recommendations suiting your interest,' etc.)

3. All changes will only be applied by clicking on the save button.

* We offer recommendation configurations based on best practice and should the 1st order results do not appear, the 2nd order results will be shown and so forth.

Recommendation Configurations

1st order

2nd order

3rd order
Product details_topView Together

Personalized recommendation

Statistics-based recommendation

(Conversion rate TOP 100)

Product details_bottom

Personalized recommendation

Buy Together

Statistics-based recommendation

(Conversion rate TOP 100)

Main page

Personalized recommendation

Statistics-based recommendation

(Conversion rate TOP 100)

Do not use
My cartBuy TogetherPersonalized recommendation

Statistics-based recommendation

(Best-seller TOP 100)

Order completePersonalized recommendationBuy Together

Statistics-based recommendation

(Best-seller TOP 100)

My pagePersonalized recommendation

Statistics-based recommendation

(Conversion rate TOP 100)

Do not use
Other pagesPersonalized recommendation

Statistics-based recommendation

(Conversion rate TOP 100)

Do not use
  • No labels