7. SPA(Single Page Application) 환경 설정 - nhn/ace.guide.script GitHub Wiki

SPA(Single Page Application) 환경 설정 가이드입니다.

구성

SPA(Single Page Application) 란?

전통적인 MPA(Multi Page Application)방식은 페이지가 변경이나 새로고침이 일어날때 마다 서버로 부터 리소스를 전달 받아서 해석한 후 결과를 렌더링 하였습니다. 하지만 이러한 방식은 매번 페이지가 변경되는 시점이 인터넷 속도에 영향을 받기 때문에 UX에 있어 부정적인 경험을 낳게 하였습니다.

SPA는 단일 페이지로 구성된 형태를 말합니다.
즉, 최초 리소스 요청에 전체페이지를 로딩하고 이후 데이터만 교체하여 페이지 변경없이 동작시키는 기법입니다.

현재 Vue JS, React JS 와 같은 라이브러리나 Angular JS, Ionic 프레임워크와 같은 도구들이 SPA의 구현을 돕고 있습니다.

수집 시 주의사항

현재 AceCounter+ Hash(#)이벤트에 대한 핸들링은 현재 공식지원하지 않습니다.

추가 개발중인 AceCounter+ 3.0 SDK에서 해당 기능을 지원예정입니다.

만약 Hash(#) 이벤트를 사용하는 고객께서는 아래의 설정을 참조부탁드립니다.

Web만 사용하는 경우

Web만 사용 중이신 고객사이트는 가상 페이지 설정을 통하여 문제를 해결 할 수 있습니다.

Hash(#)로 인한 페이지 변경이 일어난 시점에 아래의 코드를 삽입해주시면 됩니다.

_AceTM.PV("/변경 된 페이지 이름")

주의 : 앞에 Slush(/)를 반드시 붙여주셔야 합니다.

자세한 사항은 아래 가이드를 참조해주세요.

Hybrid 어플리케이션 사용의 경우

Hybrid 어플리케이션에 대하여 iOS SDK의 경우 Hash(#) 이벤트 수집을 지원하지 않습니다.
하지만 Android SDK 는 해당 기능을 지원하고 있습니다. (기본설정)

해당 부분(iOS)에 대하여 Hash(#) 이벤트 로그 수집이 필요하신분은 고객센터를 통해 문의해주세요.