네이버 광고 웹 전환 추적을 위한 임대몰 신 스크립트(trans버전) 수동설치 가이드

1. 개요

1.1. 본 문서의 대상 서비스 및 목적

본 문서는 임대몰을 이용하시는 광고주 분들 중, 해당 임대몰에 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형 외 다른 신 스크립트(trans버전) 전환유형을 사이트에 설치하고자 하시는 분들을 대상으로 가이드를 제공하는 것을 목적으로 합니다.

현재 임대몰별 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형은 다음과 같습니다.
. 카페24: 구매완료(purchase), 상품상세보기(view_product), 장바구니(add_to_cart), 결제시작(begin_checkout) (설정시 4개 전환유형 모두 발생)
. 메이크샵: 구매완료(purchase), 회원가입(sign_up), 상품상세보기(view_product), 장바구니(add_to_cart), 상품찜(add_to_wishlist), 결제시작(begin_checkout). (Admin UI를 통해 사용하고자 하는 전환유형 설정 가능)

시스템적으로 자동적용되는 전환은 위 임대몰 외 여러 임대몰에도 확대 적용될 예정이며, 적용시 공지를 통해 알려드리겠습니다.

2. 카페 24 설치 방법

카페24의 경우 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형은 다음과 같습니다.
. 카페24: 구매완료(purchase), 상품상세보기(view_product), 장바구니(add_to_cart), 결제시작(begin_checkout) (설정시 4개 전환유형 모두 발생. 사용하고자하는 전환을 개별 설정하는 방법은 없으며 추후 제공 예정입니다.)

위 전환유형 외 다른 전환유형을 추가로 발생시키길 원하신다면, 카페24 디자인 스킨에 전환스크립트를 수동으로 삽입함으로써 다른 전환유형을 발생시킬 수 있습니다.

다음 절차를 따라 진행해주시기 바랍니다.
(이해를 돕기 위해 ‘회원가입’(sign_up)에 대한 전환스크립트를 삽입해보는 것을 예시로 설명드리겠습니다)

STEP 00. 사이트 식별자인 네이버공통인증키 확인하기

네이버 검색광고 혹은 네이버 성과형디스플레이광고 플랫폼에서 사이트/비즈채널별 전환분석을 신청하면 사이트/비즈채널별 식별자(=네이버공통키, na_account_id)가 지정됩니다. 이 식별자(=네이버공통키, na_account_id)는 로그 분석 서비스를 신청하고 (영업일 기준)1~2일 뒤에 발급되며, 발급받은 네이버공통키는 다음과 같은 방법으로 확인할 수 있습니다.

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

(ii) 네이버 성과형디스플레이광고의 경우
. 광고관리시스템의 [도구 > 전환 추적 관리] 메뉴에서 사이트를 선택하면 세부내용이 나오는 창에서 확인할 수 있습니다.

(iii) 공통 (메일을 통해 확인)
. 로그 분석 서비스를 신청한 다음날(영업일 기준)에 신청 시 기재한 메일 주소 혹은 광고주 메일 주소로 전달된 메일에서 확인할 수 있습니다

STEP 01. 카페24 Admin 화면에 로그인하여 ‘디자인(PC/모바일)’ 메뉴를 클릭

STEP 02. 사용하고자 하는 디자인 스킨에 대한 ‘디자인편집’ 버튼 클릭

STEP 03. 전환행동의 발생이 완료되는 화면 전환스크립트를 삽입합니다.

삽입하고자 하는 전환행동이 완료되는 화면을 찾습니다. (회원가입완료 라면, 회원 > 회원가입 결과(join_result.html) 화면을 찾습니다.)
우측의 HTML삽입 화면 제일 하단에 스크립트를 삽입합니다.

위 이미지의 복사용 스크립트는 다음과 같습니다.

<!-- 네이버 전환추적용 추가 스크립트 블록 시작 -->
<script type="text/javascript">
if (window.wcs) {
    if(!wcs_add) var wcs_add = {};
    // (2) 각 사이트별 식별자 설정
    wcs_add["wa"] = "s_OOOOOO"; // 사이트 식별자 (=네이버공통키, na_account_id), 각 사이트에 맞는 값을 넣어야 합니다.
    
    // trans 전환로그
    var _conv = {};
    _conv.type = 'sign_up'; // 사용하고자 하는 전환유형에 맞는 string을 넣어야 합니다. 예) 회원가입: sign_up 
    wcs.trans(_conv);
}
</script>
<!-- 네이버 전환추적용 추가 스크립트 블록 끝 -->

※ 참고
전체 전환유형 별 string은 아래 link를 참고해주시기 바랍니다.
2.4.2. 전환이벤트 종류 및 Property 설명

STEP 04. 저장 버튼을 클릭합니다.

Skin 화면 수정을 반영하기 위해 ‘저장’버튼을 클릭합니다.

Version: 20240718_01