<aside> 💡 MPA 란? MPA(Multi-Page Application)는 전통적인 웹사이트로 여러 개의 독립된 HTML 페이지로 구성된 웹 애플리케이션입니다. 사용자가 페이지 간 이동할 때마다, 서버로부터 새로운 HTML 페이지를 요청하고 전체 페이지를 새로 로드합니다.

</aside>

[본 문서는 개발자를 위한 가이드입니다. ]

목차

[스크립트 삽입]

1. **스크립트 삽입 위치 (**단, Tune720에서 원태그 삽입 및 데이터매니저 사용하기가 이미 설정되어 있다면, 이 단계는 건너뛰세요. 2번은 권장필수)

   • 모든 페이지의 공통 영역에 삽입 (예: header, common, footer, layout 등)

   • <header></header> 영역의 하단에 삽입하는 것을 추천합니다.

   • 삽입할 스크립트: (단, {Service Key}는 원태그 우측 상단의 도메인정보를 확인하시면 됩니다.)

     <script type="text/javascript" src="<https://cdn.onetag.co.kr/0/tcs.js?eid=>{Service Key}"></script>
     
     

2. 로그인 유저 대상 활동 정보 수집:

   • 로그아웃 실행 성공 시, 다음 함수를 호출하여 활동 정보를 수집합니다:

     TCS.logout();
     
     

1) SNS 가입 로그인 연동

• 푸터 영역 또는 페이지 로딩 시 가장 하단 영역에서 호출할 수 있도록 삽입하세요. 권장 위치: <footer></footer> 태그 내 또는 페이지의 가장 하단 영역

1. 함수 호출 위치:

   • 가입 연동 완료 단계 또는 로그인 연동 완료 단계에서 아래 함수를 호출합니다.

   • 단, 연동하기 후 사이트의 가입 폼을 추가로 받는 경우, 이 함수 호출은 불필요합니다.

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

2. 필수 항목 및 설명:

   Key	Value	설명	필수 여부
   type	String	가입: join / 로그인: login	Y
   snsCode	String	SNS 로그인/가입 코드 (아래 참고)	Y
   memberId	String	가입 아이디	Y
   memberName	String	가입자 명	N
   email	String	가입자 이메일	N
   phoneNumber	String	가입자 폰 번호	N
   gender	String	가입자 성별 (여성: F / 남성: M)	N
   smsAllowed	String	문자 수신 여부 (Y/N)	N
   emailAllowed	String	이메일 수신 여부 (Y/N)	N

3. 예시:

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

4. SNS 로그인/가입 코드:

   • 00001: 카카오
   • 00002: 네이버
   • 00003: 페이스북
   • 00004: 인스타그램
   • 09000: 기타 (일반 로그인/가입 포함)