1. 싱글 페이지 애플리케이션 (SPA) 광고주

<aside> 💡 SPA(Single Page Application)란? 웹 애플리케이션이나 웹사이트가 하나의 HTML 페이지로 구성되어, 사용자 상호작용에 따라 페이지 전체를 다시 로드하지 않고 일부 컨텐츠만 동적으로 업데이트하는 방식입니다. 예를 들어, 메일함처럼 메일제목 클릭 시 새로운 페이지로 이동하지 않고 화면의 오른쪽에 일부만 바뀌면서 내용이 보여지는 것처럼 생각하시면 됩니다.

</aside>

• 각 페이지에서 아래 스크립트[1-1. 모든 공통 페이지에서 스크립트 호출]를 매번 새로 삽입하는 경우는 CallMtm() 함수가 자동으로 호출되므로, [1-2. 페이지 로드 후(라우터 변경 후) CallMtm(); 함수 호출] 를 추가로 호출할 시 중복으로 호출되어 해당되지 않습니다.

1-1. 모든 공통 페이지에서 스크립트 호출

★ 스크립트 확인 하셨나요?

<!-- Enliple Tracker Start -->
<script async src="<https://cdn.onetag.co.kr/0/tcs.js?eid=광고주> 고유 값"></script>
<!-- Enliple Tracker End -->

*광고주 고유 값 = 원태그 내 광고주 고유 난수값 (하기 가이드 링크 참고)

원태그 스크립트 가이드

1. Tune720 접속 후 ‘원태그’ 메뉴를 클릭합니다.
2. 기본으로 선택되어 있는 웹 그리고, 로그인 되어 있는 광고주 정보인 도메인과 솔루션을 확인한 후 (기존 모비온 광고주라면 자동으로 셋팅되어 있음) 만들기 버튼을 클릭합니다.

모비온 통합 스크립트 추가 (1)

<aside> 👉 - ENP_VAR : Agent 스크립트에서 데이터를 담기 위해 사용하는 전역 객체 (서버에 전송될 데이터)

• ENP_VAR.collect : 상품 수집을 위해 데이터를 담는 객체
• ENP_VAR.basket : 장바구니 상품 간편결제 전환 수집을 위해 데이터를 담는 객체(장바구니 페이지에 네이버페이 간편결제가 없을 경우 삭제)
• ENP_VAR.conversion : 간편 결제 시스템을 통한 전환 수집을 위해 데이터를 담는 객체. (이용하지 않는 경우 삭제)

</aside>

1-2. 공통 스크립트, 스크립트 관리 페이지 설정 정보 호출

<aside> 💡 페이지 로드 후(라우터 변경 후) CallMtm(); 함수 호출

• 각 페이지의 필요한 변수 삽입 후 호출 </aside>

<!-- Enliple Tracker Start -->
<script type="text/javascript">
	window.CallMtm = window.CallMtm||function(){(window.CallMtm.q=window.CallMtm.q||[]).push(arguments)};
	CallMtm();
</script>
<!-- Enliple Tracker End -->

1-3. 비쇼핑 스크립트 수동으로 호출할 경우 (수동으로 삽입한 값을 호출할 경우)