Add files via upload

docs/_pages/03_ecom_platform_trans_guide.md

@@ -0,0 +1,86 @@
+---
+title: 네이버 광고 웹 전환 추적을 위한 임대몰 신 스크립트(trans버전) 수동설치 가이드
+layout: post
+lesson: 3
+---
+------
+
+
+# 1. 개요
+## 1.1. 본 문서의 대상 서비스 및 목적
+본 문서는 임대몰을 이용하시는 광고주 분들 중, 해당 임대몰에 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형 외 다른 신 스크립트(trans버전) 전환유형을 사이트에 설치하고자 하시는 분들을 대상으로 가이드를 제공하는 것을 목적으로 합니다.
+
+현재 임대몰별 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형은 다음과 같습니다.<br>
+ . 카페24: 구매완료(`purchase`), 상품상세보기(`view_product`), 장바구니(`add_to_cart`), 결제시작(`begin_checkout`) (설정시 4개 전환유형 모두 발생)<br>
+ . 메이크샵: 구매완료(`purchase`), 회원가입(`sign_up`), 상품상세보기(`view_product`), 장바구니(`add_to_cart`), 상품찜(`add_to_wishlist`), 결제시작(`begin_checkout`). (Admin UI를 통해 사용하고자 하는 전환유형 설정 가능)<br>
+
+시스템적으로 자동적용되는 전환은 위 임대몰 외 여러 임대몰에도 확대 적용될 예정이며, 적용시 공지를 통해 알려드리겠습니다.
+
+## 2. 카페 24 설치 방법
+카페24의 경우 시스템적으로 자동적용되어 있는 신 스크립트(trans버전)에 의한 전환유형은 다음과 같습니다.<br>
+. 카페24: 구매완료(`purchase`), 상품상세보기(`view_product`), 장바구니(`add_to_cart`), 결제시작(`begin_checkout`) (설정시 4개 전환유형 모두 발생. 사용하고자하는 전환을 개별 설정하는 방법은 없으며 추후 제공 예정입니다.)
+
+위 전환유형 외 다른 전환유형을 추가로 발생시키길 원하신다면, 카페24 디자인 스킨에 전환스크립트를 수동으로 삽입함으로써 다른 전환유형을 발생시킬 수 있습니다.
+
+다음 절차를 따라 진행해주시기 바랍니다. <br>
+(이해를 돕기 위해 '회원가입'(`sign_up`)에 대한 전환스크립트를 삽입해보는 것을 예시로 설명드리겠습니다)
+
+#### STEP 00. 사이트 식별자인 네이버공통인증키 확인하기
+
+네이버 검색광고 혹은 네이버 성과형디스플레이광고 플랫폼에서 사이트/비즈채널별 전환분석을 신청하면 사이트/비즈채널별 식별자(=네이버공통키, na_account_id)가 지정됩니다. 이 식별자(=네이버공통키, na_account_id)는 로그 분석 서비스를 신청하고 (영업일 기준)1~2일 뒤에 발급되며, 발급받은 네이버공통키는 다음과 같은 방법으로 확인할 수 있습니다.
+
+(i) 네이버 검색광고의 경우<br>
+. 검색광고시스템의 [도구 > 프리미엄 로그 분석] 메뉴에서 [서비스 사용 현황 전체] 탭을 클릭해 [네이버공통키] 칼럼에 있는 값을 확인할 수 있습니다
+
+(ii) 네이버 성과형디스플레이광고의 경우<br>
+. 광고관리시스템의 [도구 > 전환 추적 관리] 메뉴에서 사이트를 선택하면 세부내용이 나오는 창에서 확인할 수 있습니다.
+
+(iii) 공통 (메일을 통해 확인)<br>
+. 로그 분석 서비스를 신청한 다음날(영업일 기준)에 신청 시 기재한 메일 주소 혹은 광고주 메일 주소로 전달된 메일에서 확인할 수 있습니다
+
+#### STEP 01. 카페24 Admin 화면에 로그인하여 '디자인(PC/모바일)' 메뉴를 클릭
+
+![카페24_01]({{"/assets/img/03_ecom_ptg_cafe24_step01.png"| relative_url}})
+
+#### STEP 02. 사용하고자 하는 디자인 스킨에 대한 '디자인편집' 버튼 클릭
+![카페24_02]({{"/assets/img/03_ecom_ptg_cafe24_step02.png"| relative_url}})
+
+#### STEP 03. 전환행동의 발생이 완료되는 화면 전환스크립트를 삽입합니다.
+삽입하고자 하는 전환행동이 완료되는 화면을 찾습니다. (회원가입완료 라면, `회원 > 회원가입 결과(join_result.html)` 화면을 찾습니다.)<br>
+우측의 `HTML`삽입 화면 제일 하단에 스크립트를 삽입합니다.
+
+
+![카페24_03]({{"/assets/img/03_ecom_ptg_cafe24_step03.png"| relative_url}})
+
+위 이미지의 복사용 스크립트는 다음과 같습니다.
+
+```js
+<!-- 네이버 전환추적용 추가 스크립트 블록 시작 -->
+<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>
+<!-- 네이버 전환추적용 추가 스크립트 블록 끝 -->
+```
+
+※ 참고<br>
+전체 전환유형 별 string은 아래 link를 참고해주시기 바랍니다.<br>
+[2.4.2. 전환이벤트 종류 및 Property 설명](https://naver.github.io/conversion-tracking/pages/01_script_guide_wcstrans/#242-%EC%A0%84%ED%99%98%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%A2%85%EB%A5%98-%EB%B0%8F-property-%EC%84%A4%EB%AA%85)
+
+#### STEP 04. 저장 버튼을 클릭합니다.
+Skin 화면 수정을 반영하기 위해 '저장'버튼을 클릭합니다.<br>
+![카페24_04]({{"/assets/img/03_ecom_ptg_cafe24_step04.png"| relative_url}})
+
+------
+
+Version: 20240718_01
+
+