Wisetracker Docs
웹사이트블로그콘솔 바로가기도입 문의이용 문의
🧑‍💻 개발자 가이드
🧑‍💻 개발자 가이드
  • 와이즈트래커 개발자 가이드
  • quick start
    • 앱 광고 트래킹을 위한 필수 지식
    • SDK 설정 전 기초 진단
    • SDK 설정 후 체크리스트
      • Android
      • iOS
      • ReactNative
      • Flutter
      • Unity
      • Cordova
      • Cocos2d-x
      • Web
    • SDK 데이터 검증
    • 이벤트 발생 현황
  • SDK 연동
    • Android
      • SDK 삽입
      • 필수 이벤트 설정
      • App Link 설정
      • Android 12 ADID 변경사항
    • iOS
      • SDK 삽입
      • 필수 이벤트 설정
      • App Store '개인정보 세부 사항' 가이드
      • Universal Link 설정
    • HybridApp WebView
      • SDK 삽입
      • 필수 이벤트 설정
    • React Native
      • React Native 플러그인 연동
      • 인앱 분석 API
      • AOS 데이터 검증
      • iOS 데이터 검증
    • Flutter
      • Flutter 플러그인 연동
      • AOS 데이터 검증
      • iOS 데이터 검증
    • Unity
      • Unity 플러그인 연동
      • 인앱 이벤트 API
      • AOS 데이터 검증
      • iOS 데이터 검증
    • Website
      • Javascript SDK Integration
      • 웹사이트 이벤트 분석하기
    • CPC 광고 분석 연동
      • Web-To-App SDK 적용
      • App 으로 이동시키기
  • 앱심사 개인정보 처리 가이드
    • SDK 개인정보 처리 가이드
  • SDK 데이터 검증
    • Android 데이터 검증
    • iOS 데이터 검증
    • 웹사이트 데이터 검증
  • In-App Event
    • 인앱 이벤트 설정
      • 페이지 분석
      • 커스텀 차원(Custom Dimension)
    • 인앱 이벤트 리스트
      • Basic : 공통 이벤트
      • Messaging : 푸시/인앱 메시지
      • e-Commerce : 이커머스
      • Education : 교육
      • Travel : 여행 및 레저
      • Entertainment : 엔터테인먼트
      • Game : 게임
      • Fintech : 금융
      • Mobility : 모빌리티
    • 인앱 이벤트 태깅(Tagging)
  • Google Tag Manager 연동
    • 연동 방법
  • Server-to-Server 연동
    • 연동 방법
    • 연동 이벤트
    • 연동 데이터 요약
  • 푸시메세지 가이드
    • 앱 푸시메시지 연동
      • Android
        • FCM 인증서 설정
        • 대시보드 설정
        • SDK 설치 및 API 적용
        • 푸시 알림 데이터 이용
      • iOS
        • APNS 설정
        • 대시보드 설정
        • SDK 설치 및 API 적용
        • 푸시 알림 데이터 이용
      • React Native
        • 준비 사항 안내
        • Android 기초 설정
        • iOS 기초 설정
        • ReactNative 푸시메세지 설정
      • Flutter
        • 준비 사항 안내
        • Android 기초 설정
        • iOS 기초 설정
        • Flutter 푸시메세지 설정
    • 푸시 알림 데이터 이용
Powered by GitBook
On this page
  • 회원가입
  • 로그인
  • 상품조회
  • 장바구니추가
  • 구매
  • 이벤트 조회

Was this helpful?

  1. SDK 연동
  2. HybridApp WebView

필수 이벤트 설정

거의 대부분의 매체에서 공통적으로 사용되는 이벤트들을 한데 묶어서 손쉽게 데이터 트래킹할 대상을 선정할 수 있게 하였습니다.

'회원가입', '로그인', '상품조회', '장바구니추가', '구매', '이벤트전 조회'는 많은 광고주들이 트래킹하는 대상입니다. 따라서 거의 대부분의 매체에서도 이들에 대한 데이터 수집과 분석 인사이트를 제공하고 있습니다.

지금 보고 계시는 이 가이드에서도 마찬가지로 여러분들께 "가장 많이 설정하는 데이터 트래킹"을 알려드리고자 합니다.

회원가입

회원가입 트래킹은 회원가입완료 화면에 사용자가 도달했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 회원가입완료 페이지 하단에 작성하도록 합니다.

key
value
type
설명

signupTp

email(예시)

String

통합ID, 소셜계정, 이메일 가입 등 회원가입 유형 정보

<!-- 회원가입완료 페이지에 삽입하십시오 -->
<script type="wisetracker/text" id="wiseTracker2">
    var event = new Object();
    event["event"] = "w_signup_complete";
    event["signupTp"] = "페이지에 로드한 가입유형값";
    if (typeof DOT != 'undefined') {
        DOT.logEvent(event);
    }
</script>

로그인

로그인 트래킹은 로그인완료 화면에 사용자가 도달했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 로그인완료 페이지 하단에 작성하도록 합니다.

key
value
type
설명

loginTp

kakaotalk(예시)

String

가입 계정의 회원유형

<!-- 로그인완료 페이지에 삽입하십시오 -->
<script type="wisetracker/text" id="wiseTracker2">
    var event = new Object();
    event["event"] = "w_login_complete";
    event["loginTp"] = "페이지에 로드한 로그인유형값";
    if (typeof DOT != 'undefined') {
        DOT.logEvent(event);
    }
</script> 

상품조회

상품조회 트래킹은 해당 상품의 상세화면에 사용자가 도달했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 상품 상세 페이지 하단에 작성하도록 합니다.

key
value
type
설명

product_id

2007291158(예시)

String

상품 고유코드

product_name

Leia Pleats Bag Black(예시)

String

상품명

<!-- 상품 상세 페이지에 삽입하십시오 -->
<script type="wisetracker/text" id="wiseTracker2">
    var screen = new Object();
    screen["event"] = "w_view_product";
    screen["page_id"] = "상품상세화면";
    var product = new Object();
    product["category_id_a"] = "페이지에 로드한 상품유형";
    product["product_id"] = "페이지에 로드한 상품고유값";
    product["product_name"] = "페이지에 로드한 상품명";
    screen["product"] = product;
    if (typeof DOT != 'undefined') {
        DOT.logScreen(screen);
    }
</script>

장바구니추가

장바구니추가 트래킹은 해당 상품을 장바구니로 추가하는 버튼을 클릭했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 장바구니추가 클릭 이벤트 안에 작성하도록 합니다.

key
value
type
설명

product_id

2007291158(예시)

String

상품 고유코드

product_name

Leia Pleats Bag Black, 페이 스몰 숄더백 (FAYE)(예시)

String

상품명

<!-- 장바구니추가 버튼 클릭 이벤트에 삽입하십시오 -->
클릭이벤트 함수명 = function(){
	try{
		...

		var event = new Object();
		event["event"] = "w_add_to_cart";
		var product = new Object(); 
		product["product_id"] = "페이지에 로드한 상품고유값";
		product["product_name"] = "페이지에 로드한 상품명";
		event["product"] = product;
		if(typeof DOT != 'undefined') {
			DOT.logEvent(event);
		}

	} catch(e){
	
...

구매

구매 트래킹은 상품(들)에 대한 구매완료 화면에 사용자가 도달했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 구매완료 페이지 하단에 작성하도록 합니다.

key
value
type
설명

transaction_id

TR2020111129420(예시)

String

주문번호

currency

KRW(예시)

String

결제 통화코드

product_id

2007291158(예시)

String

상품 고유코드

product_name

Leia Pleats Bag Black, 페이 스몰 숄더백 (FAYE)(예시)

String

상품명

quantity

2(예시)

int

상품 개수

revenue

283100(예시)

double

유저가 실 결제한 금액

<!-- 구매완료 페이지에 삽입하십시오 -->
<script type="wisetracker/text" id="wiseTracker2">
        var purchase = new Object();
        purchase["transaction_id"] = "주문번호";
        purchase["currency"] = "KRW";
        var productArray = new Array();
        
        <!-- 반복(loop)을 수행하는 구문 시작점을 삽입하세요 -->
        var product = new Object();
        product["product_id"] = "구매완료 상품고유코드";
        product["product_name"] = "구매완료 상품명";
        product["quantity"] = "구매완료 수량";
        product["revenue"] = "구매완료 실결제액";
        productArray.push(product);
        <!-- 반복(loop)을 수행하는 구문 종료점 입니다 -->

        purchase["product"] = productArray;
        
        if(typeof DOT != 'undefined') {
               DOT.logPurchase(purchase);
        }
</script>

이벤트 조회

이벤트조회 트래킹은 해당 이벤트 상세 화면에 사용자가 도달했는지 여부를 확인합니다. 따라서 데이터 트래킹을 위한 아래 스크립트는 이벤트 상세(보기) 페이지 하단에 작성하도록 합니다.

key
value
type
설명

event_id

E200905605(예시)

String

이벤트 고유번호

event_name

10월 COUPON PACK(예시)

String

이벤트 명칭

<!-- 이벤트조회 페이지에 삽입하십시오 -->
<script type="wisetracker/text" id="wiseTracker2">
        var screen = new Object();
        screen["event_id"] = "페이지에 로드한 이벤트 고유값";
        screen["event_name"] = "페이지에 로드한 이벤트명"; 
         if(typeof DOT != 'undefined') {
               DOT.logScreen(screen);
        }
</script>

PreviousSDK 삽입NextReact Native

Last updated 2 years ago

Was this helpful?