diff --git a/README.md b/README.md new file mode 100644 index 0000000..92aa383 --- /dev/null +++ b/README.md @@ -0,0 +1,4 @@ +# conversion-tracking + +### 네이버 광고 전환 추적 +- 네이버 광고 전환 추적에 대한 도움말 및 가이드 diff --git a/docs/404.html b/docs/404.html new file mode 100644 index 0000000..086a5c9 --- /dev/null +++ b/docs/404.html @@ -0,0 +1,25 @@ +--- +permalink: /404.html +layout: default +--- + + + +
+

404

+ +

Page not found :(

+

The requested page could not be found.

+
diff --git a/docs/Gemfile b/docs/Gemfile new file mode 100644 index 0000000..db8bada --- /dev/null +++ b/docs/Gemfile @@ -0,0 +1,33 @@ +source "https://rubygems.org" +# Hello! This is where you manage which Jekyll version is used to run. +# When you want to use a different version, change it below, save the +# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: +# +# bundle exec jekyll serve +# +# This will help ensure the proper Jekyll version is running. +# Happy Jekylling! +# gem "jekyll", "~> 4.3.3" +# This is the default theme for new Jekyll sites. You may change this to anything you like. +gem "minima", "~> 2.5" +# If you want to use GitHub Pages, remove the "gem "jekyll"" above and +# uncomment the line below. To upgrade, run `bundle update github-pages`. +gem "github-pages", "~> 228",group: :jekyll_plugins +# If you have any plugins, put them here! +group :jekyll_plugins do + gem "jekyll-feed", "~> 0.12" +end + +# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem +# and associated library. +platforms :mingw, :x64_mingw, :mswin, :jruby do + gem "tzinfo", ">= 1", "< 3" + gem "tzinfo-data" +end + +# Performance-booster for watching directories on Windows +gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin] + +# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem +# do not have a Java counterpart. +gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby] diff --git a/docs/_config.yml b/docs/_config.yml new file mode 100644 index 0000000..bba9ed0 --- /dev/null +++ b/docs/_config.yml @@ -0,0 +1,51 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely edit after that. If you find +# yourself editing this file very often, consider using Jekyll's data files +# feature for the data you need to update frequently. +# +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'bundle exec jekyll serve'. If you change this file, please restart the server process. +# +# If you need help with YAML syntax, here are some quick references for you: +# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml +# https://learnxinyminutes.com/docs/yaml/ +# +# Site settings +# These are used to personalize your new site. If you look in the HTML files, +# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. +# You can create any custom variable you would like, and they will be accessible +# in the templates via {{ site.myvariable }}. + +title: 네이버광고 전환분석 가이드 +description: >- # this means to ignore newlines until "baseurl:" + conversion script install guide + wcs.trans +baseurl: "/conversion-tracking" # the subpath of your site, e.g. /blog +url: "https://naver.github.io" # the base hostname & protocol for your site, e.g. http://example.com +github_username: NAVER-ConversionTracking + +# Build settings +remote_theme: sighingnow/jekyll-gitbook +plugins: + - jekyll-feed + +markdown: kramdown +kramdown: + auto_ids: true + input: GFM + toc_levels: 1..6 + syntax_highlighter: rouge + +syntax_highlighter_style: github + +toc: + enabled: true + h_min: 1 # default: 1 + h_max: 3 # default: 6 +collections: + pages: + sort_by: lesson + output: true + permalink: /:collection/:path/ diff --git a/docs/_includes/gitbook-sharing.json.tpl b/docs/_includes/gitbook-sharing.json.tpl new file mode 100644 index 0000000..ea5dcbc --- /dev/null +++ b/docs/_includes/gitbook-sharing.json.tpl @@ -0,0 +1,28 @@ + "sharing": { + "facebook": false, + + "google": false, + + "github": true, + {% if site.github_username %} + "github_link": "https://github.com/{{ site.github_username }}", + {% else %} + "github_link": "https://github.com", + {% endif %} + + "telegram": false, + "telegram_link": "https://t.me", + + "instapaper": false, + + "twitter": false, + {% if site.twitter_username %} + "twitter_link": "https://twitter.com/{{ site.twitter_username }}", + {% endif %} + + "vk": false, + + "weibo": false, + + "all": ["github"] + }, diff --git a/docs/_pages/01_script_guide_wcstrans.md b/docs/_pages/01_script_guide_wcstrans.md new file mode 100644 index 0000000..2808704 --- /dev/null +++ b/docs/_pages/01_script_guide_wcstrans.md @@ -0,0 +1,534 @@ +--- +title: 네이버광고 전환분석 Script 설치가이드 (wcs.trans버전) +layout: post +lesson: 1 +--- +------ + + +# 1. 개요 +## 1.1. 본 문서의 대상 서비스 및 목적 + +본 문서는 네이버 검색광고(SA)의 프리미엄로그분석, 네이버 성과형디스플레이광고(GFA)의 전환추적 서비스를 이용하기 위하여 광고주 사이트에 설치하는 Script에 대한 가이드를 제공하는 것을 목적으로 합니다.  + +> ##### WARNING +> Script 설치시, 네이버 광고에서 제공하는 Script는 1개 종류만 설치가 되어야 합니다. +본 문서에서 기술하는 Script와 기존 버전의 광고 Script가 함께 있다면 중복으로 전환이벤트가 발생할 수 있으며, 이에 따라 광고 보고서에도 중복으로 전환이 집계될 수 있으므로 주의가 필요합니다. +{: .block-warning } + + +------ + +# 2. Script 스펙 +## 2.1. Script 전체 구조 + +Script의 개략의 구조는 다음과 같습니다. + +``` + +(1) wcslog.js import +(2) 각 사이트별 식별자 설정 (=네이버공통키, na_account_id) +(3) 광고 전환추적을 위한 cookie domain설정 +(4) PV(page view)이벤트 전송 +(5) 전환이벤트 전송 + +``` + +(1), (2), (3)은 모든 페이지에 공통적으로 설정되어야 하는 부분 이며, +(4)번, (5번) 은 각 화면의 성격에 따라 필요시 들어가는 이벤트 들에 대한 Script 입니다. (PV이벤트는 기본적으로 모든 페이지에서 실행이 되어야 합니다.) + +예를 들어, 결제완료 페이지가 별도로 있는 경우, 페이지에 대한 PV(page view)이벤트  및 결제완료이벤트 가 발생해야 하는데,  +이를 pseudo-code로 설명하면 다음과 같습니다. ( (4)는 PV이벤트 전송, (5)는 결제완료 이벤트 전송 ) + +```html +// (1) wcslog.js import + + + +``` + + +위 Script구조의 각 구역번호별 개략적인 설명은 다음과 같습니다. + +| 번호 | 설명 | +| ---- | ---- | +| (1) | 이벤트 설정, 로그전송 등의 method를 가지고 있는 wcslog.js Script import | +| (2) | 각 사이트별 식별자 설정 (=네이버공통키, na_account_id) | +| (3) | 광고전환 추적을 위한 유입정보 저장 목적의 cookie domain 설정 및 cookie 저장 | +| (4) | PV이벤트 전송 | +| (5) | 전환이벤트 전송 (이벤트와 함께 전송되는 가능한 meta정보들에 대해서는 추가 설명) | + +위 구조에서 사이트에 따라, 사이트 화면의 종류/수집하고자 하는 전환이벤트에 따라 달라지는 정보에 대한 상세 설명은 다음 챕터에서 설명합니다. + +------ +## 2.2. Script의 각 구역별 설명 + +위 Script 구조의 각 구역번호별로 Script 설치 방법에 대해 구체적으로 설명드립니다. + +#### (1) wcslog.js import +wcslog.js는 각종 이벤트를 수집하고 서버로 전송하는 method를 가지고 있는 javascript library입니다. 이 library를 import합니다. +(이 library를 import하지 않는 경우 script는 정상동작하지 않습니다.) + +#### (2) 각 사이트별 식별자(=네이버공통키, na_account_id) 설정 +각 사이트별 식별자(=네이버공통키, na_account_id)입니다. 광고플랫폼에서 전환분석을 신청하면 사이트별 식별자가 지정됩니다. 이 값을  'AccountId'부분에  넣으시면 됩니다. (광고플랫폼의 전환분석 메뉴를 통해 신청 다음날 확인 가능하거나 혹은 전환분석 신청시 기재한 담당자에게 전달되는 메일에서 확인이 가능합니다.) + +> ##### TIP +> 각 사이트별 식별자 (=네이버공통키, na_account_id) 확인 방법 +> 로그 분석 서비스를 신청하고 (영업일 기준)1~2일 뒤에 네이버공통키(na_account_id)가 발급됩니다. 발급받은 네이버공통키는 다음과 같은 방법으로 확인할 수 있습니다.
+(i) 네이버 검색광고의 경우
+ . 검색광고시스템의 [도구 > 프리미엄 로그 분석] 메뉴에서 [서비스 사용 현황 전체] 탭을 클릭해 [네이버공통키] 칼럼에 있는 값을 확인합니다.
+(ii) 네이버 성과형디스플레이광고의 경우
+ . 광고관리시스템의 [도구 > 전환 추적 관리] 메뉴에서 사이트를 선택하면 세부내용이 나오는 창에서 확인합니다.
+(iii) 공통 (메일을 통해 확인)
+ . 로그 분석 서비스를 신청한 다음날(영업일 기준)에 신청 시 기재한 메일 주소 혹은 광고주 메일 주소로 전달된 메일에서 확인합니다.
+{: .block-tip } + +#### (3) 광고전환 추적을 위한 cookie domain설정 +광고유입정보를 저장하기 위한 cookie에 대한 domain을 설정합니다. 일반적으로 최상위 domain 값을 넣으시면 됩니다.  +예를 들어, 사이트가 `www.abc-motors.com` 이라면, site-domain 부분에 `abc-motors.com`을 입려해주시면 됩니다. + +> ##### WARNING +> 만약 다른 사이트와 내 사이트가 sub domain 혹은 sub path 로 구분이 된다면 sub domain 혹은 sub path 까지 포함된 host 값을 site-domain부분에 넣어주시기 바랍니다  +> +예1) sub domain으로 내 사이트와 다른 사이트가 구분이 되는 경우. 내 사이트는 `aaa.abc.com` 인데, 타 사이트는 `bbb.abc.com` 일 때 +=> cookie domain: `aaa.abc.com` 을 넣습니다. +> +예2) sub path로 내 사이트와 다른 사이트가 구분이 되는 경우. 내 사이트는 `www.abc.com/aaa` 인데, 타 사이트는 `www.abc.com/bbb` 일 때 +=> cookie domain: `www.abc.com/aaa` 를 넣습니다. +{: .block-warning } + +#### (4) PV(page view) 이벤트 전송 +PV이벤트를 서버로 전송합니다. 별다른 설정이 필요하지 않습니다. + +#### (5) 전환이벤트 전송 +전환이벤트를 전송하는 구역입니다.  +전환이벤트의 종류는 총 24종 + 사용자정의(custom) 10개 입니다.  +이에 대한 내역 및 사용방법은 \[2.4. 전환이벤트] 챕터에서 설명드립니다 + +------- +## 2.3. PV(page view) 이벤트 +PV(page view)이벤트는 페이지가 열릴 때 해당 페이지의 URL, referrer등에 대한 정보를 수집서버로 전송하는 이벤트로, 로그 전송에 별다른 특별한 설정이 요구되지 않습니다.  +PV이벤트 전송을 위해서는, 기본 설정 ( (1), (2), (3) ) 후, wcs_do() method만 실행하면 됩니다. + +```html +// (1) wcslog.js import + + + +``` + +PV이벤트 와 전환이벤트를 함께 전송하는 경우(예: 구매완료 페이지)에 대해서는 다음 챕터에서 설명드리겠습니다. + +------ + +  +  +  +  +## 2.4. 전환(conversion) 이벤트 + +### 2.4.1. 전환이벤트를 전송하는 Script의 모습 +전환이벤트 1개를 수집서버로 전송하는 Script의 전체 모습을 예시를 통해 보면 다음과 같습니다. + +```js +// (5) 전환 이벤트 전송, (예) 결제완료 이벤트 전송 + +var _conv = {}; // 전환 이벤트 정보 담을 object 생성 + +_conv.type = "purchase"; // 전환 이벤트의 종류 설정 + +_conv.id = "xxxnn"; // 전환 ID, 이용자가 한 행동에 대한 ID (예: 주문번호). 없을 경우 생성하지 않거나, null, '' 등 으로 설정 + +_conv.items = [ // 전환 이벤트 행동의 내용 및 대상에 대한 정보 기술 + { + id: "c12354", //string 상품 id (필수) + name: "naverMenShoes123", //string 상품 명 (필수) + category: "fashion/men/shoes", //string 카테고리 + quantity: 1, //number 결제 수량 (필수) + payAmount: 20000, //number 결제 금액 (필수) + option: "color:black, size:260" //string 상품 자체의 옵션 (예: 색상 ) + }, + { + id: "c23456", //string 상품 id (필수) + name: "naverWomenShoes234", //string 상품 명 (필수) + category: "fashion/women/shoes", //string 카테고리 + quantity: 1, //number 결제 수량 (필수) + payAmount: 30000, //number 결제 금액 (필수) + option: "color:red, size:240" //string 상품 자체의 옵션 (예: 색상 ) + } +]; + +_conv.value = "50000"; + +wcs.trans(_conv); // 전환 이벤트 정보를 담은 object를 서버에 전송 +``` + +#### 최소(필수)스펙 +일반적으로 전환이벤트를 전송하기 위한, 최소(필수) 스펙은 다음과 같습니다. +- 구매(purchase)의 경우 **전환이벤트코드** 및 **전환가치(\_conv.value)** 2가지가 필수스펙입니다. +- 그 외 전환이벤트 에서는, **전환이벤트코드**만 넣으시면 됩니다. + +구매(purchase)의 경우, 최소필수스펙 예시 + +```js +// (5) 전환이벤트 전송, (예) 결제완료 이벤트 전송 + +var _conv = {}; // 전환이벤트 정보 담을 object 생성 + +_conv.type = "purchase"; // 전환이벤트의 종류 설정 + +_conv.value = "50000"; // 결제에 여러개 상품을 구매했다면 여기에 금액 합계 + +wcs.trans(_conv); // 전환이벤트 정보를 담은 object를 서버에 전송 +``` + +구매(purchase) 외 다른 전환이벤트의 경우, 최소필수스펙 예시 +```js +// (5) 전환이벤트 전송, (예) 신청완료 이벤트 전송 + +var _conv = {}; // 전환이벤트 정보 담을 object 생성 + +_conv.type = "lead"; // 전환이벤트의 종류 설정 + +wcs.trans(_conv); // 전환이벤트 정보를 담은 object를 서버에 전송 +``` + +---- +#### **※ 네이버 다이내믹광고(Naver Dynamic Ad)를 사용하시는 경우 최소(필수)스펙** + +네이버 다이내믹광고(Naver Dynamic Ad) 상품을 이용하시는 경우, 사이트에 설치되어야 하는 Script 필수스펙이 위에서 기술된 내용보다 더 많습니다. + +(a) 네이버 다이내믹광고(NDA)상품 이용시, 사이트에는 아래 5가지 전환이벤트가 모두 설치되어야 원활한 광고 노출이 가능합니다. +- 구매완료(purchase) +- 결제시작(begin_checkout) +- 장바구니담기(add_to_cart) +- 상품찜/저장(add_to_wishlist) +- 상품상세보기(view_product) + +> ##### TIP +> 위 전환이벤트 용 Script를 사이트에 삽입할 때, 사이트에서 해당 행동의 시작 시점(예: 장바구니 버튼 클릭) 보다는, 해당 행동이 실제 완료되었을 때(예: 장바구니에 실제로 담기는 것이 완료되었을 때) Script가 동작하도록 구현하시는 것을 권장드립니다. +> (행동이 실제 완료되었을 때 Script가 동작하도록 구현하는 것이 어려운 경우, 버튼 클릭과 같은 행동의 시작시점에 Script가 동작하도록 구현하시는 것도 가능합니다) +{: .block-tip } + +(b) 위 전환이벤트를 설치하실 때, 각 전환이벤트에 대한 최소필수 property는 \[상품ID\](=item.id) 입니다. +(상품 ID는 네이버 쇼핑 상품EP(Engine Page)로 전달하는 상품ID(id 컬럼으로 연동하는 값)와 동일해야 합니다.) + +NDA광고상품을 사용하시는 경우, 구매완료(purchase)이벤트에 대한 최소 필수 스펙을 코드로 나타내면 다음과 같습니다. + +```html +// (1) wcslog.js import + + + +``` + +구매완료(purchase)가 아닌 다른 전환이벤트의 경우, `_conv.value` 는 넣지 않으셔도 됩니다. + +(c) 위 전환이벤트 외에 다른 전환이벤트도 설치하시는 것은 문제 없으며, 이 경우 전환이벤트type코드 입력 외에 다른 필수사항은 없습니다. + +### 2.4.2. 전환이벤트 종류 및 Property 설명 + +전환이벤트에는 +용도가 정해져 있는 총 24종 + 용도가 정해져 있지 않은 사용자정의(custom) 10종 이 존재합니다. + +전환이벤트별 명칭, 코드명과 의미는 다음과 같습니다. +Script에 해당 전환이벤트 를 삽입할 경우, 한글 전환이벤트명이 아닌, 반드시 전환이벤트 type 코드명을 넣으셔야 합니다. (예: 구매완료의 경우, \_conv.type='purchase') + +| **전환이벤트명** | **전환이벤트 type 코드명** | **설명** | +| -------------------------- | ---------------------------------- | ------------------------------------- | +| 구매완료 | purchase | 재화/용역 등을 주문완료/결제완료 하였음 | +| 결제 시작 | begin_checkout | 결제를 하기 위한 과정에 들어갔음 | +| 회원가입 완료 | sign_up | 회원가입을 완료하였음 | +| 장바구니 담기 | add_to_cart | 장바구니에 상품을 담았음 | +| 예약 완료 | schedule | 예약을 완료하였음 | +| 스토어 찜/저장 | save_store | 스토어/사이트를 즐겨찾기 등에 저장하였음 | +| 상품 찜/저장 | add_to_wishlist | 재화/용역 등을 찜/즐겨찾기 등에 저장하였음 | +| 문의/상담하기 | inquiry | 문의(상담) 내용을 전달완료함 | +| 전화하기 | call | 전화를 하였음. (전화 버튼을 클릭하였음) | +| 신청완료 | lead | (재화/용역에 관심이 생겨서) 연락처 등을 남기고 상담 등을 신청함 | +| 상품 상세보기 | view_product | 특정 상품의 상품상세페이지를 보았음 | +| 컨텐츠 보기 | view_content | 특정 컨텐츠의 상세페이지를 보았음 | +| 검색하기 | search | 사이트 내에서 키워드 검색을 하였음 | +| 공유하기 | share | 특정 컨텐츠를 공유하였음. (공유하기를 클릭하였음) | +| 쿠폰 발급받기 | clip_coupon | 쿠폰을 발급 받았음. | +| 상품/서비스 목록 보기 | view_item_list | 상품/서비스의 목록들을 보았음 | +| 업체 소개보기 | about_us | 업체에 대해 소개하는 페이지를 보았음. | +| 서비스 제공자 보기 | staff | 서비스를 제공하는 사람들을 소개하는 페이지를 보았음 | +| 사업장 위치 보기/길찾기 | location | 사업장의 위치 혹은 사업장을 가는 방법을 소개하는 페이지를 보았음 | +| 이벤트/프로모션 신청 | promotion | 이벤트나 프로모션을 신청하였음. | +| 의사소통채널 추가 | add_contact_method | 메신저 추가, SNS팔로우 등 업체에 보다 쉽게 컨택할 수 있도록
의사소통 채널을 추가하였음. | +| 마케팅 수신동의 | opt_in_marketing | 업체에서 마케팅 정보를 고객에게 보내는 데에 고객이 동의하였음 | +| 구독 | subscribe | 업체가 정기적으로 정보를 보내는 것을 받는 데에 고객이 동의하였음. | +| 리뷰/평가 쓰기 | review | 상품/서비스에 대한 평가를 작성하였음 | +| 사용자정의 | custom001 부터
custom010 까지 | 용도가 정해져 있지 않은 이벤트입니다. 자유롭게 활용 가능합니다.
10개 타입이 있습니다. (예: custom007) | + + +각 전환이벤트별로 전환 행동에 대한 세부내역 혹은 전환행동의 대상에 대한 정보(Property)를 서버에 전송할 수 있습니다.  +전환이벤트에 추가되는 세부정보(Property)에는 다음과 같은 것들이 있습니다. + +| **Property항목** | **세부항목** | **Data Type** | **의미** | **예시** | **Script예제** | +| ---- | ---- | ---- | ---- | ---- | ---- | +| id | | string | 해당 전환 이벤트의 이용자 행동 ID. (광고주 사이트에서 생성하는 정보) | 주문번호: 20231220 | _conv.id: \"20231220\" | +| items(#1) | item.id | string | 행동의 대상이 되는 재화/용역의 ID (예: 상품ID) | 상품번호: 7789 | \_conv.items=[
{
  id:\"7786\",| +| | item.name
(WARNING!) | string | 행동의 대상이 되는 재화/용역의 이름 | 상품명: 설화수 탄력크림 | name:\"설화수 탄력크림\", | +| | item.category | string | 재화/용역의 카테고리 | 카테고리: 화장품/스킨케어/크림 | category:\"화장품/스킨케어/크림\", | +| | item.quantity | number | 재화/용역의 수량 | 구매(결제)수량: 3개 | quantity:3, | +| | item.payAmount | number | 재화/용역의 금액 (위 재화/용역 ID에 대한 총 결제금액. 단가 아님) | 결제금액: 90,000원 | payAmount:90000, | +| | item.option | string | 재화/용역의 옵션 | 용량: 120ml | option: \"용량:120\"
}
] | +| items(#2) | (위 #1 내용 반복) | ... | | | | +| value | | string | 복수개의 재화/용역의 전체 금액 (배송비 제외 권장) | 결제금액: 50,000원 | _conv.value=\"50000\" | + +> ##### WARNING +> item.name (상품명)의 값에 single/double quotation이 있는 경우 광고전환추적을 위한 Script에 에러가 발생할 수 있습니다. item.name 의 값에서 single/double quotation을 제거하거나, 다른 문자로 대체해주시는 것을 강력하게 권장합니다. +{: .block-warning } + +---- +## 2.5. 전환이벤트 와 Property 및 PV(page view)이벤트 전송 Script 예시 +전환이벤트 와 Property 및 PV(page view)이벤트를 함께 전송하는 페이지의 전체적인 Script의 모습은 다음과 같습니다. (구매완료 페이지를 예시로 설명드립니다) + +```html +// (1) wcslog.js import + + + +``` + +만약, PV이벤트와 전환이벤트로그 전송이 서로 다른 시점에 발생한다면, 아래와 같은 (a), (b), (c) Script에서, 페이지 로딩시 (a)를 먼저 로딩 하고, (b), (c)는 필요한 시점에 해당 Script가 동작하도록 설정하시면 됩니다.  +((b) PV(page view)용 Script는 기본적으로 모든 페이지에서, 페이지가 열릴 때 마다 실행이 되어야 합니다. (c) 전환이벤트 용 Script는 행동이 완료되는 시점에 실행 되도록 구현하는 것을 권장 합니다. 이렇게 구현이 어려운 경우 행동이 시작되는 시점(예: 버튼 클릭)에 실행이 되도록 구현하는 것도 가능합니다.) + +#### # (a) 페이지별 공통설정 Script +```html + + + +``` + + +#### # (b) PV(Page View) 이벤트 전송 Script +```html + + + +``` + + +#### # (c) 전환이벤트 전송 Script +```html + + + +``` + +(a)와 (b)는 사이트의 모든 페이지에서 실행이 되어야 하므로, 합해서 설치하고, (c)는 전환이 발생하는 상황(버튼클릭 혹은 페이지 열림)에만 설치할 수도 있습니다 + +이 경우 (a)와 (b)을 합한 Script 블록의 형태는 다음과 같습니다. + +#### # (a) 페이지별 공통설정 Script + (b) PV(Page View) 이벤트 전송 Script + +```html + + + +``` + +Version: 20240702_01 diff --git a/docs/_pages/02_ecom_platform_guide.md b/docs/_pages/02_ecom_platform_guide.md new file mode 100644 index 0000000..756fd19 --- /dev/null +++ b/docs/_pages/02_ecom_platform_guide.md @@ -0,0 +1,182 @@ +--- +title: 네이버광고 전환분석을 위한 임대몰 설정가이드 +layout: post +lesson: 2 +--- +------ + + +# 1. 개요 +## 1.1. 본 문서의 대상 서비스 및 목적 +본 문서는 네이버 검색광고(SA)의 프리미엄로그분석, 네이버 성과형디스플레이광고의 전환추적 서비스를 이용하기 위하여, 네이버와 제휴된 임대몰 사이트를 이용하시는 광고주분들께 설정가이드 를 제공하는 것을 목적으로 합니다. + +## 1.2. 네이버 제휴 임대몰 +현재 네이버와 제휴된 임대몰은 총 5곳 이며 다음과 같습니다
+. 카페24
+. 메이크샵
+. 고도몰
+. 위사
+. 후이즈몰
+ +------------- + +# 2. 임대몰 별 네이버 광고 전환분석 설정 가이드 + +## 2.0. 네이버 공통인증키 확인하기 + +네이버 검색광고 혹은 네이버 성과형디스플레이광고 플랫폼에서 사이트/비즈채널별 전환분석을 신청하면 사이트/비즈채널별 식별자(=네이버공통키, na_account_id)가 지정됩니다. +이 식별자(=네이버공통키, na_account_id)는 로그 분석 서비스를 신청하고 (영업일 기준)1~2일 뒤에 발급되며, 발급받은 네이버공통키는 다음과 같은 방법으로 확인할 수 있습니다. + +(i) 네이버 검색광고의 경우
+. 검색광고시스템의 [도구 > 프리미엄 로그 분석] 메뉴에서 [서비스 사용 현황 전체] 탭을 클릭해 [네이버공통키] 칼럼에 있는 값을 확인할 수 있습니다 + +(ii) 네이버 성과형디스플레이광고의 경우
+ . 광고관리시스템의 [도구 > 전환 추적 관리] 메뉴에서 사이트를 선택하면 세부내용이 나오는 창에서 확인할 수 있습니다. + +(iii) 공통 (메일을 통해 확인)
+ . 로그 분석 서비스를 신청한 다음날(영업일 기준)에 신청 시 기재한 메일 주소 혹은 광고주 메일 주소로 전달된 메일에서 확인할 수 있습니다 + +## 2.1. 카페24 + +카페24에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 카페24 관리자 로그인 ( https://eclogin.cafe24.com/Shop/ ) + +③ 판매채널 ▶ 네이버 ▶ 네이버 페이 설정 ▶ 네이버공통인증키 설정 ▶ 네이버공통인증키 입력 ▶ 등록하기 + +![카페24_01]({{"/assets/img/cafe24_01.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
+ + +## 2.2. 메이크샵 + +메이크샵에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 메이크샵 관리자 로그인 + +③ 마케팅센터 ▶ 포탈광고 ▶ 네이버 ▶ 네이버 서비스 기본 설정의 네이버 공통 인증키 설정에서 네이버 공통인증키 입력 + +![메이크샵_01]({{"/assets/img/makeshop_01.png"| relative_url}}) + +④ 네이버 유입경로 혜택 스크립트 설정 : 스크립트 설치 동의 '동의합니다' Check 후 저장 + +![메이크샵_02]({{"/assets/img/makeshop_02.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
+ +## 2.3. 고도몰 이나무 +고도몰(이나무)에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 고도몰 관리자 로그인 + +③ 마케팅 ▶ 네이버 쇼핑 ▶ 네이버 쇼핑 설정 ▶ 공통유입 스크립트 설정의 네이버 공통 인증키 입력란에 네이버 공통인증키 입력 후 설정정보저장 + +![고도몰이나무_01]({{"/assets/img/godomall_enamu_01.png"| relative_url}}) + +④ 사용여부 : '사용' 으로 Check + +⑤ CPA 주문수집 동의여부 : '동의함' 으로 Check + +⑥ 설정정보저장 + +![고도몰이나무_02]({{"/assets/img/godomall_enamu_02.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
+ +## 2.4. 고도몰5 +고도몰5에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 고도몰 관리자 로그인 + +③ 마케팅 ▶ 네이버 공통유입 스크립트 ▶ 공통유입 스크립트 설정 + +④ 사용여부 : '사용함' Check, 네이버 공통 인증키 입력란에 네이버 공통인증키 입력 후 저장 + +![고도몰5_01]({{"/assets/img/godomall5_01.png"| relative_url}}) + +⑤ 마케팅 ▶ 네이버 쇼핑 ▶ 네이버 쇼핑 설정에서 사용여부 '사용함' Check, CPA 주문수집 동의여부 '사용함' Check 후 저장 + +![고도몰5_02]({{"/assets/img/godomall5_02.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
+ +## 2.5. 위사 +위사에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 위사 관리자 로그인 + +③ 광고마케팅 ▶ 연동설정 ▶ 네이버 CPA 설정의 AccountID 입력란에 네이버 공통인증키 입력 + +④ CPA 서비스 사용 : '사용' 으로 Check + +⑤ 확인 + +![위사_01]({{"/assets/img/wisa_01.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
+ +## 2.6. 후이즈몰 +후이즈몰에서는 현재 전환유형 '구매완료' 는 임대몰 Admin UI에 설정을 함으로써 설정이 완료됩니다. +설정 방법은 다음과 같습니다 + +① 네이버 공통인증키를 확인합니다. + +② 후이즈몰 관리자 로그인 + +③ 부가서비스 ▶ 네이버 서비스 연동 ▶ 네이버 공통 유입 설정의 네이버 공통 인증키 입력란에 네이버 공통인증키 입력 + +④ 네이버 서비스 이용 정보 확인 +지식쇼핑CPA 데이터 수집동의 : '예, 동의합니다' Check +검색광고 웹로그분석 사용여부 : '사용함' Check + +⑤ 확인 + +![후이즈몰_01]({{"/assets/img/whoismall_01.png"| relative_url}}) + +'구매완료' 외 다른 전환유형 (회원가입, 장바구니, 신청예약, 기타)을 사용하기 위해서는 임대몰에서 제공하는 Skin 등에 Script를 수동으로 삽입하여야 합니다. +Script 수동 삽입에 대해서는 네이버 광고전환분석 Script 공식 업무 진행 업체인 NHN Data에 연락을 주시면 설치 및 테스트를 지원해드립니다. 아래 연락처로 연락해주시기 바랍니다. + + . 고객센터(전화): 1877-7035
+ . 채널 톡(채팅) 상담 : [https://navercts.channel.io/home](https://navercts.channel.io/home)
+ . 공용 Email : navercts@nhndata.com
diff --git a/docs/assets/img/cafe24_01.png b/docs/assets/img/cafe24_01.png new file mode 100644 index 0000000..5e3a02b Binary files /dev/null and b/docs/assets/img/cafe24_01.png differ diff --git a/docs/assets/img/godomall5_01.png b/docs/assets/img/godomall5_01.png new file mode 100644 index 0000000..789b6f5 Binary files /dev/null and b/docs/assets/img/godomall5_01.png differ diff --git a/docs/assets/img/godomall5_02.png b/docs/assets/img/godomall5_02.png new file mode 100644 index 0000000..a74e154 Binary files /dev/null and b/docs/assets/img/godomall5_02.png differ diff --git a/docs/assets/img/godomall_enamu_01.png b/docs/assets/img/godomall_enamu_01.png new file mode 100644 index 0000000..af8b4f6 Binary files /dev/null and b/docs/assets/img/godomall_enamu_01.png differ diff --git a/docs/assets/img/godomall_enamu_02.png b/docs/assets/img/godomall_enamu_02.png new file mode 100644 index 0000000..60cf879 Binary files /dev/null and b/docs/assets/img/godomall_enamu_02.png differ diff --git a/docs/assets/img/makeshop_01.png b/docs/assets/img/makeshop_01.png new file mode 100644 index 0000000..8d4727f Binary files /dev/null and b/docs/assets/img/makeshop_01.png differ diff --git a/docs/assets/img/makeshop_02.png b/docs/assets/img/makeshop_02.png new file mode 100644 index 0000000..e4b3ce9 Binary files /dev/null and b/docs/assets/img/makeshop_02.png differ diff --git a/docs/assets/img/whoismall_01.png b/docs/assets/img/whoismall_01.png new file mode 100644 index 0000000..8d82a8a Binary files /dev/null and b/docs/assets/img/whoismall_01.png differ diff --git a/docs/assets/img/wisa_01.png b/docs/assets/img/wisa_01.png new file mode 100644 index 0000000..63d0b4b Binary files /dev/null and b/docs/assets/img/wisa_01.png differ diff --git a/docs/index.md b/docs/index.md new file mode 100644 index 0000000..b4a8c61 --- /dev/null +++ b/docs/index.md @@ -0,0 +1,13 @@ +--- +title: 네이버광고 전환분석 가이드 +layout: post +--- + +------ + +## # 가이드 목차 + - [네이버광고 전환분석 Script 설치가이드 (wcs.trans버전)](https://naver.github.io/conversion-tracking/pages/01_script_guide_wcstrans/) + - [네이버광고 전환분석을 위한 임대몰 설정가이드](https://naver.github.io/conversion-tracking/pages/02_ecom_platform_guide/) + + +