# 유저플로우

## 전제조건

* 앱 또는 사이트 내에서 발생한 **이벤트**가  *node* 로써 차트에 표시되며 이벤트와 함께 수집된 속성 정보는 표시되지 않습니다. 예를 들어 유저가 상품 화면을 조회했다면 w\_view\_product 이벤트가 node로 표시될 뿐, 해당 상품의 이름이나 브랜드 등의 속성 정보는 표시되지 않습니다.
* *path* 는 node와 node 사이의 연결 관계를 나타냅니다. path가 두껍게 표시된다면 해당 node 사이에 많은 연결이 발생한 것입니다.

## 얻을 수 있는 데이터

* 유저가 앱을 실행 또는 사이트에 방문한 이후 만들어내는 일련의 행동 흐름
* 특정 이벤트의 전후에 위치한 주요 이벤트와 이벤트 사이의 연관관계

## 경로 탐색 설정

우선 데이터 조회 기간을 상단에 위치한 캘린더에서 선택합니다. 그리고 아래에 있는 경로 탐색 설정에서 필요한 옵션을 설정하면 됩니다.&#x20;

옵션에 대한 설명은 다음과 같습니다.

![](https://4276253357-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M_ZKcnBFmefw9Yfed6b%2F-MeOPzJ-O60qYYRjZjSi%2F-MeOVTfe-NfwvouZQUBJ%2F%E1%84%8B%E1%85%B2%E1%84%8C%E1%85%A5%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%84%8B%E1%85%AE_01_%E1%84%89%E1%85%AE%E1%84%8C%E1%85%A5%E1%86%BC.png?alt=media\&token=c1e6a988-8246-43f4-855d-4aca762a194a)

|  번호 | 설정 명칭 | 가능한 옵션   | 설명                                                                                                                       |
| :-: | ----- | -------- | ------------------------------------------------------------------------------------------------------------------------ |
|  1  | 순서    | starting | 플로우를 그려나갈 순서를 결정합니다. 현재는 아래 4번에서 선택된 이벤트에서부터 그리를 시작하는 *starting* 옵션만 선택할 수 있습니다.                                         |
|  2  | 스텝    | 2 부터 15  | 플로우에 표현할 최대 스탭수를 결정합니다.                                                                                                  |
|  3  | 제외    | 0 부터 100 | 특정 비율에 못미치는 path를 플로우 상에서 제외합니다. 기본값으로 5%가 설정되어 있는데, 이렇게 되면 5%에 미치지 못하는 path는 독립적인 path로써 차트에 표시되지 않고 *other* 항목에 합산됩니다. |
|  4  | 이벤트   | 앱 실행     | 서비스 시작(앱 실행이나 사이트 방문)을 기준으로 플로우를 전개합니다.                                                                                  |

## 차트 조회

경로 탐색 설정에서 지정한 옵션이 하단 차트에 실시간으로 반영됩니다. 차트상의 **Next** 버튼을 클릭하면 다음 path가 펼쳐지며 플로우가 전개되며 각 node에는 해당 이벤트의 명칭, 이벤트 발생 횟수 그리고 path에서 차지하는 비율이 표시됩니다.

<div align="left"><img src="https://4276253357-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M_ZKcnBFmefw9Yfed6b%2F-M_eApKeUxQmia2Vee_h%2F-M_eBhROMPU6ST0DiJXt%2Fflow.png?alt=media&#x26;token=3d21953a-006d-4f97-83c3-783c91811a05" alt=""></div>
