이 가이드는 독립몰(자체 개발 사이트) 개발자가 보고 즉시 작업을 수행할 수 있도록 기술적인 내용 위주로 구성되었습니다.
원태그(OneTag) 설치 가이드
(독립몰 개발자용 테크니컬 매뉴얼)
⚠️ [필독] 개발 작업 전 체크리스트
작업을 시작하기 전에 다음 사항을 반드시 확인해 주세요.
- 하드코딩 필수: 카페24 같은 임대몰과 달리, 독립몰은 개발자가 직접 소스 코드를 수정해야 합니다. 상품상세, 장바구니, 주문완료 페이지에
window.ENP_VAR 변수를 선언해야 데이터가 수집됩니다.
- 동적 변수 연동: 가이드에 적힌 예시 값(예:
'제품명', '10000')은 단순 예시입니다. 반드시 귀사 사이트의 실제 DB 데이터 변수(PHP, JSP, JS 변수 등)로 치환해서 넣어주셔야 합니다.
- SPA 여부 확인: 귀사의 사이트가 React, Vue, Angular 등으로 제작된 SPA(Single Page Application) 방식입니까?
- 아니오 (일반 웹): [3. 독립몰을 위한 변수 설정] 단계로 진행하세요.
- 예 (SPA): [4. SPA를 위한 설치 방법] 단계로 바로 이동하세요.
1. 원태그(OneTag) 기본 설치 방법
모비온의 모든 광고 스크립트를 담는 그릇인 **'원태그'**를 사이트에 심는 단계입니다.
- 스크립트 발급:
- Tune720 접속 > [원태그] 메뉴 클릭
- 도메인 및 솔루션 정보 확인 후 [만들기] 버튼 클릭
- 생성된 스크립트 복사
- 사이트 적용:
- 자사 사이트의 공통 레이아웃 파일(예: header.html, layout.php)을 엽니다.
<head> 태그와 </head> 태그 사이에 복사한 스크립트를 붙여넣습니다.
2. 모비온 통합 스크립트 설정
원태그 안에 '모비온 광고 스크립트'를 탑재하는 단계입니다. (코드 수정 없이 어드민에서 진행)
- 메뉴 이동: Tune720 > 원태그 > [마이 태그 관리]
- 태그 추가: 우측 상단 [신규 태그 추가] 버튼 클릭