<aside> 💡 What is a SPA? A single page application (SPA) is a type of web application or website that consists of a single page. Unlike a traditional web application, an SPA allows users to interact with the page after the initial load without having to reload the entire page.

</aside>

[insert script].

1. Collect activity information for logged-in users:

• On successful logout execution, call the following function to collect activity information:

  TCS.logout();
  
  

1. Acquire page movement data:

   • When switching screens, call the following script to collect page movement data:

     <script>
     window['callDM'] = window['callDM'] || function (){
       (window['callDM'].q = window['callDM'].q || []).push(arguments)
     };
     callDM();
     </script>
     

1) SNS signup/login integration.

• Insert it so that it can be called from the footer area or the bottom area on page loading.Recommended location: within the <footer></footer> tag or the bottom area of the page.

1. Call function on signup/login completion:

   • Call the following function upon completion of a signup integration or upon completion of a login integration:

     TCS.sendMamber(JsonObject); // 인자는 String json이 아닌 JsonObject 입니다.
     
     

2. Required and example:

   Key	Value	Description	Required or not
   type	String	Join: join / Login: login	Y
   snsCode	String	SNS login/signup code (see below)	Y
   memberId	String	Member ID	Y
   memberName	String	Member name	N
   email	String	Subscriber email	N
   phoneNumber	String	Subscriber phone number	N
   gender	String	Subscriber gender (female: F / male: M)	N
   smsAllowed	String	Whether to receive text messages(Y/N)	N
   emailAllowed	String	Allowed to receive emails(Y/N)	N

   Example:

   {
     "type": "join",
     "snsCode": "00001",
     "memberId": "gildong1234",
     "memberName": "홍길동",
     "email": "[email protected]",
     "phoneNumber": "01012340000",
     "gender": "M",
     "smsAllowed": "Y",
     "emailAllowed": "N"
   }
   
   

3. SNS login/signup code:

   • 00001: Kakao
   • 00002: Naver
   • 00003: Facebook
   • 00004: Instagram
   • 09000: Other (including general signup/login)

2) Integrate Easy Payments

• Insert it on the product detail page.

1. Call the function after payment completion:

   • After payment is completed, call the function below to collect payment data:

     TCS.simplePay(JsonObject); // 인자는 String json이 아닌 JsonObject입니다.
     
     

2. Required and Description:

   Key	Value	Description	Required or not
   payCode	String	Easy payment code (see below)	Y
   orderId	String	Order number	Y
   products	Array	List of product information	Y
   productId	String	Individual product code	Y
   productName	String	Individual product name	Y
   productPrice	String	Individual product price	Y
   productDcPrice	String	Individual product discount price	Y
   productQty	String	Individual product quantity	Y
   totalPrice	String	Price of the entire order	Y
   totalQty	String	Total order quantity	Y
   memberId	String	Login ID	N

3. Example:

   {
     "payCode": "19000",
     "orderId": "20240701_12154",
     "products": [
       {
         "productId": "23",
         "productName": "상품명입니다",
         "productPrice": "288000",
         "productQty": "1",
         "productDcPrice": "258000"
       }
     ],
     "totalPrice": "288000",
     "totalQty": "1",
     "memberId": "gildong1234"
   }