• 검색 결과가 없습니다.

네이버 광고 로그분석 스크립트 설치 매뉴얼

N/A
N/A
Protected

Academic year: 2022

Share "네이버 광고 로그분석 스크립트 설치 매뉴얼"

Copied!
15
0
0

로드 중.... (전체 텍스트 보기)

전체 글

(1)

0. 들어가기 전에...

본 매뉴얼에서는 네이버 광고 로그분석 서비스 이용을 위한 스크립트를 설치하는 방법을 가이드 합니다.

현재 네이버 검색광고의 '프리미엄로그분석'서비스, 네이버 성과형디스플레이광고의 '전환추적' 서비스에서 '광고 전환추적 로그분석' 기능을 제공하고 있으며, 향후 이 기능이 적용되는 광고서비스는 확대될 예정입니다.

네이버 광고 로그분석 서비스를 정상적으로 사용하려면 분석을 원하는 사이트에 로그분석 스크립트(JavaScript)를 설치해야 합니다.

설치해야 하는 스크립트는 다음의 2가지입니다.

• 공통 스크립트: 일반 웹 로그 분석을 위한 값을 설정하고 로그를 전송하는 스크립트입니다.

• 전환 스크립트: 광고 전환 분석을 위한 값을 설정하는 스크립트입니다. (로그전송은 '공통스크립트'가 합니다)

1. 공통 스크립트 설치

1.1. 공통 스크립트 설치 페이지

공통 스크립트는 사용자가 사용하는 모든 페이지(전환 페이지 포함)에 설치해야 합니다.

웹 페이지에 설치된 공통 스크립트가 로딩될 때마다 로그가 전송되며 PV 1회로 집계됩니다. 공통 스크립트가 설치되지 않은 웹 페이지에 대해서는 PV, 체류 시간, 방문, 전환 등의 지표가 제대로 측정되지 않습니다.

모든 웹 페이지에 개별적으로 공통 스크립트를 설치하면 유지 보수에 어려움이 있을 수 있습니다. 다음과 같은 방법을 사용하면 모든 웹 페이지에 공통 스크립트를 설치하면서도 유지 보수가 쉬워지게 할 수 있습니다.

1. 웹 사이트를 사용할 때 언제나 로딩되는 HTML 코드(예: 웹 페이지 아래의 회사 정보 등)를 별도의 파일로 만듭니다.

2. 별도로 만든 파일에 공통 스크립트를 삽입합니다.

3. 사용자에게 보여 줄 웹 페이지를 구성할 때, 공통 스크립트가 삽입된 별도의 파일을 포함(include)하도록 합니다.

위의 방법을 사용하면 1개의 파일에만 공통 스크립트를 삽입했지만 실제로는 사용자가 웹 사이트를 사용하는 동안 모든 웹 페이지에서 공통 스크립트가 로딩됩니다.

공통 스크립트는 되도록 나중에 로딩되는 것이 좋으므로 항상 포함되면서도 웹 페이지의 아래에 있는 내용(예: 회사 정보와 저작권 표기 등)이 있는 파일에 공통 스크립트를 설치하시기 바랍니다.

1.2. 공통 스크립트 삽입 위치

공통 스크립트 삽입 위치는 HTML 코드의 어디든 상관없으나 가능하면 <body> 태그 영역이 끝나는 부분(</body> 태그)의 위에 공통 스크립트를 삽입하는 것을 추천합니다.

다음은 상품 목록 페이지나 상품 상세 페이지와 같이 전환 스크립트를 설치할 필요가 없는 웹 페이지에서 공통 스크립트를 삽입하는 위치를 표시한 예입니다.

네이버 광고 로그분석 스크립트 설치 매뉴얼

(2)

모바일 사이트라면 다음과 같은 위치에 공통 스크립트를 삽입할 수 있습니다.

(3)

1.3. 공통 스크립트 코드

설치해야 할 공통 스크립트 코드는 다음과 같습니다. 자세한 내용은 주석을 참고하십시오.

<Script 및 설명>

// STEP 1. 로그 분석 스크립트인 wcslog.js 파일을 호출합니다. wcslog.js 파일은 공통 스크립트와 전환 스크립트의 method 를 모두 담고 있는 파일입니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> //https, http 어느 것이든 상관없이 sciprt 가 동작할 수 있도록 [src="//wcs.naver.net/wcslog.js] 와 같이 입력합니다.

<script type="text/javascript">

// STEP 2. 네이버공통키(na_account_id)를 설정합니다. 네이버공통키는 웹 로그 수집을 위해 웹 사이트별로 부여되는 식별자입니다.

if(!wcs_add) var wcs_add = {};

wcs_add["wa"] = "s_XXXX"; // 발급받은 네이버공통키를 설정합니다.

//STEP 3. 리퍼러(referrer) 정보, 현재 페이지의 URL, 사용자 환경 등의 정보를 변수에 설정하고 전환 로그 수집을 위한 쿠키 등을 설정합니다.

if (!_nasa) var _nasa={};

if (window.wcs) {

wcs.inflow("examOOO.com"); // PC 사이트와 모바일 사이트의 웹 로그를 합해서 분석할 때는 최상위 도메인을

입력합니다. PC 사이트와 모바일 사이트를 각각 별도로 분석할 때는 PC 사이트에서는 PC 기기용 사이트 host 를, 모바일사이트에서는 모바일기기용사이트의 host 를 넣습니다. 만약 일반 컨텐츠가 보여지는 페이지와 결제, 장바구니 등의 페이지 host 가 달라진다면 이 예시와 같이 '최상위도메인'을 넣는 것을 추천합니다.

// STEP 4. 변수에 설정한 각종 정보와 전환 정보를 네이버의 웹 로그 수집 서버에 전송하는 method 입니다. [wcs_do(_nasa)]

method 는 위에서 설정한 내용보다 항상 뒤에 있어야 합니다. 변수가 설정되지 않은 상태에서 method 가 실행돼 정보를 먼저 전송하면 웹 로그 수집에 오류가 발생합니다.

wcs_do(_nasa);

}

</script>

<복사용 Script>

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<script type="text/javascript">

if(!wcs_add) var wcs_add = {};

wcs_add["wa"] = "s_OOOO";

if (!_nasa) var _nasa={};

if (window.wcs) {

wcs.inflow("examOOO.com");

wcs_do(_nasa);

}

</script>

(4)

네이버공통키 확인 방법

로그 분석 서비스를 신청하고 (영업일 기준)1~2일 뒤에 네이버공통키(na_account_id)가 발급됩니다. 발급받은 네이버공통키는 다 음과 같은 방법으로 확인할 수 있습니다.

(i) 네이버 검색광고의 경우

- 검색광고시스템의 [도구 > 프리미엄 로그 분석] 메뉴에서 [서비스 사용 현황 전체] 탭을 클릭해 [네이버공통키] 칼럼에 있는 값을 확인합니다.

(ii) 네이버 성과형디스플레이광고의 경우

- 광고관리시스템의 [도구 > 전환 추적 관리] 메뉴에서 사이트를 선택하면 세부내용이 나오는 창에서 확인합니다.

(iii) 공통 (메일을 통해 확인)

- 로그 분석 서비스를 신청한 다음날(영업일 기준)에 신청 시 기재한 메일 주소 혹은 광고주 메일 주소로 전달된 메일에서 확인 합니다.

(5)

1.4. 문제 해결 방법

A. PC 사이트와 모바일 사이트의 웹 로그를 별도로 분석하고 싶은 경우 해결 방법

예를 들어 다음과 같이 PC와 모바일 환경에 맞는 사이트를 운영할 때 PC 사이트와 모바일 사이트의 웹 로그를 별도로 분석할 수 있습니다.

• PC 사이트: http://www.motor-ab.com

• 모바일 사이트: http://m.motor-ab.com

먼저 PC 사이트와 모바일 사이트를 각각 광고시스템의 [도구 > 비즈채널 관리] 메뉴에 웹 사이트 채널로 등록합니다. 비즈채널의 검토가 통과되고 난 뒤 프리미엄 로그 분석을 신청하면 각 사이트에 네이버공통키가 발급됩니다.

(참고: 네이버 성과형디스플레이광고 의 경우 https://gfa.naver.com/ 에 로그인 뒤 [도구 > 전환추적관리] 에서 '전환추적' 서비스 신청이 가능합니다)

발급받은 네이버공통키를 다음 코드의 예와 같이 wcs_add["wa"] 변수에 설정합니다.

그리고 PC용 웹사이트의 Script의 wcs.inflow("파라미터") method의 파라미터에는 PC용 사이트의 host를, 모바일용 웹사이트의 Script의 wcs.inflow("파라미터") method의 파라미터에는 모바일기기용 사이트의 host를 넣어주시면 웹 로그 분석 결과를 별도로 확인할 수 있습니다.

<Script 및 설명>

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<script type="text/javascript">

if (!wcs_add)

var wcs_add = {};

wcs_add["wa"] = "s_XXXX"; // PC 사이트, 모바일 사이트 각 사이트의 네이버공통키를 설정합니다.

if (!_nasa)

var _nasa = {};

if (window.wcs) {

wcs.inflow("파라미터"); // PC 용 사이트에서는 파라미터 부분에 PC 용사이트 host 를, 모바일용 사이트에서는 파라미터 부분에 모바일용 사이트 host 를 입력한다.

wcs_do(_nasa);

}

</script>

<복사용 Script>

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<script type="text/javascript">

if (!wcs_add)

var wcs_add = {};

wcs_add["wa"] = "s_XXXX";

if (!_nasa)

var _nasa = {};

if (window.wcs) {

wcs.inflow("파라미터");

wcs_do(_nasa);

}

</script>

※ 주의

- PC 사이트: http://www.motor-ab.com - 모바일 사이트: http://m.motor-ab.com

인데, 모바일 사이트의 결제 페이지, 장바구니 페이지 등은 PC사이트 형태로 생긴 경우 (아래 예시와 같은 경우)

(6)

예)

일반상품조회모바일사이트: http://m.motor-ab.com/products/1234 장바구니사이트: http://cart.motor-ab.com

결제사이트: http://purchase.motor-ab.com

스마트폰에서 광고클릭 후 모바일사이트로 들어와서 결제를 하면, 결제 전환이 잡히지 않을 수 있습니다.

이 경우는, PC사이트, 모바일사이트 상관없이 모두 전환이 잡힐 수 있도록

> wcs.inflow("motor-ab.com");

과 같이 대표도메인을 파라미터값에 설정하시는 것을 추천드립니다.

B. 하위 도메인이 다른 사이트가 있을 때 공통 스크립트 설정 방법

만약 하위 도메인(sub domain)이 다른 서로 다른 사이트가 있을 때 내 사이트의 로그를 분석하게 하려면 STEP 3.에서 wcs.inflow() method의 파라미터에 최상위 도메인이 아니라, full host를 넣으시기 바랍니다.

예를 들어 다음과 같이 영업 사원마다 별도의 사이트를 하위 도메인으로 부여받을 수 있습니다.

• 영업 사원1: http://agent1.motor-ab.com

• 영업 사원2: http://agent2.motor-ab.com

이때 영업 사원 1이 http://agent1.motor-ab.com 사이트의 로그를 분석하려면 STEP3.에서 wcs.inflow() method의 파라미터에 full host를 넣으시기 바랍니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<script type="text/javascript">

if (!wcs_add)

var wcs_add = {};

wcs_add["wa"] = "s_XXXX";

if (!_nasa)

var _nasa = {};

if (window.wcs) {

wcs.inflow("agent1.motor-ab.com"); // wcs.inflow() method 의 파라미터 부분에 full host 를 넣습니다.

wcs_do(_nasa);

}

</script>

(7)

2. 전환 스크립트 설치

2.1. 전환 스크립트 설치 페이지

전환 스크립트가 호출되어 전환 로그가 수집 서버로 전송되면 서버에서는 전환 행동이 발생한 것으로 판단합니다.

전환 스크립트는 비즈니스 목표(예: 구매)의 실행이 완료된 후에 호출되도록 해야 합니다. 다음과 같은 예가 있을 수 있습니다.

• 구매 완료에 대한 전환 추적을 하고 싶은 경우: 사용자가 결제 버튼을 누른 뒤 결제가 완료되고 나서 "구매(결제)가 완료되었습니다."라는 메시지가 나오는 결과 페이지에 전환 스크립트를 삽입합니다.

• 회원 가입에 대한 전환 추적을 하고 싶은 경우: 사용자가 회원 가입을 위한 정보를 입력하고 난 뒤 확인 버튼을 누른 뒤 "회원 가입이 완료되었습니다."라는 메시지가 나오는 결과 페이지에 전환 스크립트를 삽입합니다.

• 상품 상세 페이지에서 장바구니에 상품을 담은 뒤 장바구니 페이지에 들어온 경우에 대한 전환 추적을 하고 싶은 경우:

장바구니 페이지에 전환 스크립트를 삽입합니다.

2.2. 전환 스크립트 삽입 위치

전환 스크립트는 완료 페이지(예: 구매 완료 페이지, 회원 가입 완료 페이지)와 같이 전환 스크립트가 있어야 하는 전환 페이지의 중앙 콘텐츠 영역에 삽입합니다. 이때, 공통 스크립트는 이미 정상적으로 설치되어 있어야 합니다.

(8)

모바일 사이트라면 다음과 같은 위치에 전환 스크립트를 삽입할 수 있습니다.

2.3. 전환 스크립트 코드

전환 페이지에 전환 스크립트를 설치할 때는 다음과 같은 전환 스크립트만 삽입하면 됩니다. 단, 공통 스크립트가 정상적으로 설치되어 있어야 합니다.

전환 스크립트 코드는 다음과 같습니다. 자세한 내용은 아래 코드의 주석을 참고하십시오.

<Script 및 설명>

// STEP 1. 로그 분석 스크립트인 wcslog.js 파일을 호출합니다. wcslog.js 파일은 공통 스크립트와 전환 스크립트의 method 를 모두 담고 있는 파일입니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

// STEP 2. _nasa 변수에 전환 추적을 위한 정보를 담습니다. _nasa 변수는 항상 로그 전송 method 인 wcs_do(_nasa) method 보다 앞에 있어야 합니다.

<script type="text/javascript">

var _nasa={};

if (window.wcs) _nasa["cnv"] = wcs.cnv("1","결제 금액 변수(variable)"); // wcs.cnv() method 는 'wcs.cnv("전환 유형", "전환 가치")' 형식으로 구현합니다. 전환 유형이 구매 유형일 때는 전환 가치에 해당하는 결제 금액이 상황에 따라 변경될 수 있도록 전환 가치 파라미터를 변수로 처리합니다. 그 외의 전환 유형에서는 전환 가치 파라미터의 값을 일반적으로 '1'로 설정합니다.

</script>

<복사용 Script>

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

<script type="text/javascript">

var _nasa={};

if (window.wcs) _nasa["cnv"] = wcs.cnv("1","결제 금액 변수(variable)");

</script>

(9)

주의: 전환 스크립트와 wcs_do(_nasa) method의 호출 순서

전환 페이지(예: 구매 완료 페이지)에서 전환 스크립트가 동작하고 난 뒤 공통 스크립트가 호출되어야 로그가 전송되고 전환수가 집계됩니다. 전환 스크립트는 전환에 필요한 정보를 설정하는 역할만 합니다. 로그를 전송하는 method는 공통 스크립트의 wcs_do(_nasa) method이므로 공통 스크립트가 호출된 뒤 전환 스크립트가 호출되면 전환수가 집계되지 않습니다.

전환페이지 (예: 구매완료 페이지)에서 스크립트의 전체 모습은 다음과 같습니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

// 전환스크립트를 이용하여 전환값 설정

<script type="text/javascript">

var _nasa={};

if (window.wcs) _nasa["cnv"] = wcs.cnv("1","결제 금액 변수(variable)");

</script>

// 위 스크립트를 통해 설정된 전환값과 본 페이지의 로그를 서버에 전송

<script type="text/javascript">

if (!wcs_add)

var wcs_add = {};

wcs_add["wa"] = "s_XXXX";

if (!_nasa)

var _nasa = {};

if (window.wcs) {

wcs.inflow("examOOO.com");

wcs_do(_nasa); //서버로 로그 전송 }

</script>

2.4. 전환 유형

wcs.cnv() method에 설정할 수 있는 전환 유형은 다음과 같이 총 5개입니다. 1~5의 값을 wcs.cnv() method의 전환 유형 파라미터에 넣으면 됩니다.

전환 유형 스크립트 삽입 페이지

구매 완료 1 구매 완료 페이지 회원 가입 2 회원 가입 완료 페이지 장바구니 담기 3 장바구니 페이지 신청/예약 4 신청/예약 완료 페이지

기타 5 기타 페이지

전환 유형이 구매 완료(유형값 1)일 때 전환 가치 파라미터에 넣는 값은 전환이 발생할 때마다 다를 수 있습니다. 이런 경우에는 전환 가치 파라미터를 변수로 설정해 바뀌는 값을 적용할 수 있게 구현하시기 바랍니다.

전환 유형이 신청/예약(유형 값 4)일 때는 전환 가치 파라미터에 설정된 값을 넣으면 됩니다. 전환 가치 파라미터의 값이 설정되지 않았다면 1을 넣으시기 바랍니다. 그 외의 유형(유형 값 2, 3, 5)일 때에도 전환 가치 파라미터에 설정된 값을 넣거나 설정된 값이 없으면 1을 넣으시기 바랍니다.

(10)

3. 리다이렉션이 있는 사이트에 로그 분석 스크립트 설치

최근에는 다음 예와 같이 모바일 기기에 최적화된 사이트를 별도로 만드는 웹 사이트가 늘고 있습니다.

• PC 사이트: http://www.motor-abc.com

• 모바일 사이트: http://m.motor-abc.com

PC 사이트에 모바일 기기로 접속하면 모바일 사이트로 이동(redirection)하도록 하는 경우가 일반적입니다.

만약 모바일 기기에서 검색광고를 클릭해 PC 사이트를 거쳐서 모바일 사이트로 가는 경우에 네이버 검색광고에서 URL에 붙이는 각종 파라미터가 모바일 사이트에도 정확히 전달되어야 로그 분석이 정확히 이루어질 수 있습니다.

예를 들어 검색광고의 연결 URL과 모바일 기기에서 최종으로 접속하는 웹 사이트의 URL이 다음과 같다고 가정하겠습니다.

• 검색광고의 연결 URL: http://www.motor-ab.com/index.html

• 모바일 기기에서 최종 랜딩 URL: http://m.motor-ab.com/index.html

검색광고의 광고 그룹 설정에서 자동 추적 URL 파라미터 옵션이 선택되어 있고 프리미엄 로그 분석 서비스를 사용한다면 모바일 기기에서 광고를 클릭했을 때 다음과 같은 형태의 URL로 웹 사이트에 접속합니다.

• 모바일 기기에서 광고 클릭 후 사이트에 접속할 때의 실제 URL

> http://www.motor-abc.com/index.html?n_media=XXXX&n_query=XXX...&NaPm=XXXX 또한, 모바일 사이트로 이동(redirection)하면서 모바일 기기가 접속하는 최종 URL은 다음과 같아야 합니다.

• http://m.motor-abc.com/index.html?n_media=XXXX&n_query=XXX...&NaPm=XXXX

하지만 URL 파라미터에 대한 별다른 조치가 없이 이동(redirection)이 이루어지면 '?' 이하의 파라미터 부분 (?n_media=XXXX&n_query=XXX...&NaPm=XXXX)이 없어지고 맙니다. 이 경우에는 다음과 같은 조치가 필요합니다.

3.1. PHP, ASP, JSP 등 서버 사이트 스크립트를 사용하는 경우 (추천 방식)

서버 사이트 스크립트를 사용해 웹 페이지를 구현한다면 각 언어에 다라 다음과 같은 코드를 PC 사이트의 웹 페이지에 삽입합니다.

코드를 삽입하면 웹 사이트 진입하기 전 최초의 리퍼러(referrer) 정보(아래의 경우 네이버 검색광고)와 URL 파라미터가 유지되는 상태로 모바일 사이트에 접속할 수 있습니다.

A. PHP

PHP를 사용하는 웹 페이지에는 다음과 같은 형식의 코드를 삽입합니다.

$url = "모바일 사이트의 최종 랜딩 페이지 URL?".$_SERVER["QUERY_STRING"]);

header("Location: $url");

(11)

B. ASP

ASP를 사용하는 웹 페이지에는 다음과 같은 형식의 코드를 삽입합니다.

url = "모바일 사이트의 최종 랜딩 페이지 URL?" + request.serverVariables("QUERY_STRING") response.redirect url

C. JSP

JSP를 사용하는 웹 페이지에는 다음과 같은 형식의 코드를 삽입합니다.

String url = '모바일 사이트의 최종 랜딩 페이지 URL?' + request.getQueryString();

response.sendRedirect(url);

3.2. JavaScript 를 사용해야 하는 경우(<meta> 태그를 사용한 방법)

리다이렉션을 구현할 때 JavaScript를 사용해야 한다면 공통 스크립트를 삽입한 PC 사이트의 <head> 태그 부분에 다음과 같은 형식으로 JavaScript 코드를 삽입합니다.

<script type="text/javascript">

var destination = "모바일 사이트의 최종 랜딩 페이지 URL" + window.location.search ; document.write("<meta http-equiv='refresh' content='0; url="+destination+"'> ");

</script>

<meta> 태그를 사용하는 이 방법은 공통 스크립트가 동작해 로그를 서버로 전송하고 난 뒤 리다이렉션이 이루어지기 때문에 JavaScript를 사용하는 다른 방법에 비해 다음과 같은 장점이 있습니다.

• <meta> 태그를 사용하면 공통 스크립트가 나중에 로딩되어도 공통 스크립트가 실행된 뒤에 <meta> 태그의 리다이렉션이 실행되므로 공통 스크립트의 위치에 신경을 쓸 필요가 없습니다.

• PC 사이트에서 PC 사이트로 이동하는 리다이렉션을 구현해야 할 때도 <meta> 태그를 사용면 URL 파라미터가 유실되지 않고 이동할 수 있습니다.

다만 JavaScript를 사용해 리다이렉션을 실행하면 모바일 사이트에 PC 사이트의 리퍼러(referrer) 정보가 적용되어 모바일 사이트의 유입 분석 정보에 PC 사이트의 정보가 추가되는 단점이 있습니다. 리다이렉션이 필요하다면 되도록 서버 사이트 스크립트로 구현하시기 바랍니다.

(12)

3.3. 사이트 이동(redirection) 코드 삽입 위치

모바일 기기에서 사이트에 접속했을 때 모바일 사이트로 이동(redirection)하는 PC 사이트에서는 다음과 같은 위치에 모바일 사이트로 이동(redirection)하는 코드와 로그 분석을 위한 스크립트를 삽입합니다.

다음은 전환을 집계하지 않는 PC 사이트의 웹 페이지에 모바일사이트로 이동(redirection)하는 스크립트의 삽입위치 입니다.

다음은 PC사이트의 전환 페이지에 삽입하는 스크립트의 위치입니다.

(13)

3.4. 주의 사항

JavaScript로 리다이렉션을 구현할 때는 다음과 같이 window.location 객체를 사용하는 방법이 있습니다.

<script type='text/javascript'>

location.href = 'http://m.motor-abc.com/index.html';

</script>

window.location 객체를 사용하면 코드가 간단해지는 장점이 있지만 다음과 같은 단점이 있습니다.

• location.href 속성 설정 코드보다 뒤에 공통 스크립트가 있으면 공통 스크립트가 실행되지 않고 리다이렉션이 실행됩니다.

• 일부 모바일 브라우저에서는 location.href 속성 설정 코드보다 앞에 공통 스크립트가 있어도 location.href 속성 설정 코드를 먼저 실행해 공통 스크립트가 실행되지 않고 리다이렉션이 실행됩니다.

따라서 JavaScript를 사용해 리다이렉션을을 구현해야 하는 경우에는 가능하면 <meta> 태그를 사용한 방식으로 구현하기 바랍니다.

(14)

4. 자주하는 질문(FAQ)

4.1. 프레임(iframe 포함)으로 만든 사이트에 로그 분석 스크립트를 설치할 수 있나요?

유입 페이지가 프레임인 경우 내부 프레임의 URL 호출 시 추적 URL이 유지된다면 내부 프레임에만 스크립트를 설치하면 됩니다.

만약 내부 프레임의 URL 호출 시 추적 URL이 유지되지 않는다면 최초 유입되는 프레임셋의 상단에 공통 스크립트를 추가로 설치해야 합니다. 단, 내부 프레임의 도메인이 프레임을 열고 있는 부모 창의 도메인과 일치해야 웹 사이트를 분석할 수 있습니다.

프레임 방식의 경우 해당 프레임의 구성이 절대 경로가 아닌 상대 경로로 작성되어야 하며, 프레임셋 페이지가 아닌 하부 프레임의 한 페이지에만 스크립트를 삽입하면 됩니다.

4.2. 한글 도메인을 사용하는 사이트의 로그도 분석할 수 있나요?

프레임으로 영문 도메인을 불러오는 구조가 아니라면 한글 도메인을 사용하는 웹 사이트의 로드도 분석할 수 있습니다.

도메인이 한글인 경우에는 다음과 같이 공통 스크립트의 유입 추적 함수인 wcs.inflow() method의 파라미터 값을 비우고 설치해야 합니다.

wcs.inflow(); // 한글 도메인을 사용할 때는 파라미터를 비워 둡니다.

4.3. HTTP 와 HTTPS 가 혼용되는 웹 사이트에서는 로그 분석 스크립트를 어떻게 설치하나요?

다음 예와 같이 HTTP와 HTTPS가 혼용되는 웹 사이트에도 로그 분석 스크립트를 설치할 수 있습니다.

• 시작 페이지: http://www.motor-abc.com/index.html

• 장바구니 페이지: https://cart.motor-abc.com/index.html

다음은 로그 분석 스크립트인 wcslog.js 파일을 불러오는 코드이며, page 가 http, https 이든 상관없이 모두에서 별다른 설정 없이 동작합니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

위의 코드를 다음과 같이 변경할 수도 있습니다만, 복잡하므로 일반적으로는 위 방법을 사용하시는 것을 추천드립니다.

<script type="text/javascript">

var _NGUL = "wcs.naver.net/wcslog.js";

var _NPR = location.protocol=="https:"?"https://"+_NGUL:"http://"+_NGUL;

document.writeln("<scr"+"ipt type='text/ja"+"vascript' src='"+ _NPR +"'></scr"+"ipt>");

</script>

4.4. 기존에 네이버페이, 네이버쇼핑 등을 이용하여 공통스크립트가 사이트 적용되어 있는 경우

기존에 네이버페이, 네이버쇼핑 등의 서비스를 이용하셔서 공통스크립트가 이미 사이트에 적용되어 있는 경우 다음과 같은 부분이 들어있는지 체크가 필요하며, 없을 경우 삽입이 필요합니다.

(i) 공통스크립트 중 확인이 필요한 부분

공통스크립트에서 로그를 수집서버로 전송하는 method부분(wcs_do())이 없을 수 있으며, 없을 경우 추가가 필요합니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

(중략……)

<script type="text/javascript">

if(!wcs_add) var wcs_add = {};

wcs_add["wa"] = "s_XXXX";

(15)

// 마일리지 White list 가 있을 경우

wcs.mileageWhitelist = ["aaa.com", "bbb.com"];

// 체크아웃 White list 가 있을 경우

wcs.checkoutWhitelist = ["aaa.com", "bbb.com"];

if (window.wcs) {

wcs.inflow("aaa.com");

// 로그를 수집서버로 전송하는 함수 호출. 이 부분이 들어 있는 지 확인. 이미 있는 경우 아무런 작업 하지 않아도 됨 wcs_do();

} </script>

(ii) 전환스크립트 중 확인이 필요한 부분

전환페이지에서의 전환스크립트에서 검색광고 전환로그를 수집서버로 전송하는 부분을 추가합니다.

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

(중략……)

<script type="text/javascript">

// Account ID 적용

if(!wcs_add) var wcs_add = {};

wcs_add["wa"] = "s_XXXX"; // 발급받은 네이버공통키를 설정합니다.

// 추가 정보로 넣을 객체 생성 var _nao={};

// 유입여부 판단 if (wcs.isCPA) { // 주문채널 정보 추가 _nao["chn"] = "AD";

// 주문 정보 추가

_nao["order"]=[{"oid":508, "pid":1123212, "parpid":1123211, "name":"청바지", "cnt":1, "price":150000}, {"oid":509, "pid":23434432, "parpid":2123213, "name":"화장품", "cnt":2, "price":200000}];

}

wcs.CPAOrder(_nao);

// 네이버 검색광고 전환값 설정

_nao["cnv"] = wcs.cnv("1", "10"); //wcs.cnv(전환유형, 전환가치)

// 전환로그를 수집서버로 전송하는 wcs_do 함수 호출 _nao 를 인자로 입력함.

wcs_do(_nao);

</script>

(Ver. 201022_01)

참조

관련 문서