Overtracking 설치 및 웹사이트 추적 코드 설정 방법

웹사이트 추가하기

1. 앱에서 “새 웹사이트”를 클릭합니다.
2. https://, www, 경로를 제외한 도메인을 입력합니다. 예: mydomain.com. 양식에 저장될 형식이 표시됩니다.
3. “계속”을 클릭하면 해당 웹사이트의 추적 코드가 표시됩니다.

웹사이트마다 고유한 코드가 있습니다. 설정 → 일반에서 언제든 다시 확인할 수 있습니다.

도움말: 하위 도메인(예: shop.mydomain.com)에도 같은 코드를 붙여넣고 설정 → 일반에서 “하위 도메인”을 켜면 각 페이지에 하위 도메인 이름이 표시됩니다.

모든 페이지에 코드 붙여넣기

관리 화면의 설정 → 일반 → 추적 코드에서 “복사” 버튼으로 코드를 복사한 뒤, 측정하려는 모든 페이지의 <head> 안에서 </head> 바로 앞에 붙여넣으세요. 코드는 다음과 같은 형태입니다.

<script>!function(w,d,s,u){var t=d.createElement(s);t.async=1;t.src=u;var f=d.getElementsByTagName(s)[0];f.parentNode.insertBefore(t,f);}(window,document,'script','https://cdn.overtracking.com/t/tYOUR_CODE/');</script>

비동기로 로드되므로 페이지 속도가 느려지지 않으며 쿠키를 설정하지 않습니다.

주요 플랫폼별 방법은 다음과 같습니다.

HTML 또는 자체 템플릿

1. 모든 페이지에서 공유하는 템플릿이나 레이아웃(header.php, layout.html, _document 등)을 엽니다.
2. </head> 태그 바로 앞에 코드를 붙여넣습니다.
3. 저장하고 게시합니다.

WordPress

1. “WPCode”나 “Insert Headers and Footers”처럼 헤더에 코드를 추가하는 플러그인을 설치합니다.
2. 플러그인의 “헤더” 입력란에 코드를 붙여넣습니다.
3. 저장합니다. 캐시 플러그인(WP Rocket, LiteSpeed 등)을 사용한다면 캐시를 비웁니다.

도움말: WooCommerce 스토어라면 대신 당사 플러그인을 설치하세요. 코드를 추가하고 주문, 장바구니, 쿠폰도 측정합니다. 연동의 WooCommerce 가이드를 참고하세요.

Shopify

1. 온라인 스토어 → 테마 → … → 코드 편집으로 이동합니다.
2. layout/theme.liquid를 엽니다.
3. </head> 바로 앞에 코드를 붙여넣고 저장합니다.

Google Tag Manager

1. 태그 → 새로 만들기 → 태그 구성 → “맞춤 HTML”로 이동합니다.
2. 코드를 붙여넣습니다.
3. 트리거: “모든 페이지”를 선택합니다.
4. 컨테이너를 저장하고 게시합니다. 게시하기 전에는 태그가 작동하지 않습니다.

작동 확인하기

1. 다른 탭에서 웹사이트를 여세요(시크릿 창을 권장합니다).
2. Overtracking의 실시간으로 이동하면 몇 초 안에 방문이 표시됩니다.
3. 웹사이트 추가 과정의 두 번째 단계도 첫 방문이 수집되면 초록색으로 바뀝니다.

몇 분이 지나도 표시되지 않는다면:

• 페이지 소스(Ctrl+U)에서 내 코드가 포함된 스크립트가 <head> 안에 있는지 확인합니다.
• 웹사이트, 플러그인 또는 CDN의 캐시를 비우고 새로고침합니다.
• 설정 → 제외에서 내 IP가 제외되어 있지 않은지 확인합니다.
• 브라우저 확장 프로그램을 사용하지 않는 시크릿 창에서 테스트하세요.