# 프로젝트 리스트

프로젝트 리스트에서 새 프로젝트를 등록하여 IMQA에 웹 브라우저 애플리케이션을 연결할 수 있습니다. 팀 기능을 통해 여러 프로젝트를 묶어서 관리하거나, 사용자 권한 설정 등 전반적인 프로젝트의 관리가 가능합니다.

## 1. 개요

<figure><img src="https://lh7-us.googleusercontent.com/qUlavNrvmox0dYOiANmpjCLo-Cvf8ep9MtliTUPqP6_BROZSj8dVJ6hFEZ3Qd5IGfXshVbau7960OsyOrPG068m6KpKeoXH_JwahiEyDB8YWG0pVxZq0Tsh6Fs46MiWQUhnn1nDR3LQsppj6xA7ZyiI" alt=""><figcaption></figcaption></figure>

IMQA WPM은 웹 브라우저 애플리케이션의 메인 URL을 프로젝트로 등록하여 서비스를 이용할 수 있습니다. 프로젝트 리스트는 다음과 같이 구성됩니다.

❶ 상단 바\
❷ 팀 바\
❸ 프로젝트 리스트\
❹ 리스트 뷰/카드 뷰\
❺ 프로젝트 생성\
❻ 프로젝트 카드

### 상단 바 <a href="#top" id="top"></a>

<figure><img src="https://lh7-us.googleusercontent.com/RYpiGqxaImPq3S7HA5zsndNug-LB1KBzpyLhtFqAuTTSW1jJwOhGaHxF1hb8Nj9olPr6IR_MfOi0hcqk5hCMVwv_J4q2J8lH9SFWEIRJ3aslMASpI1516O54SMBRT5WOAN-HuPWd2y068zB9F_5-gcE" alt=""><figcaption></figcaption></figure>

**❶ 로고**\
클릭 시 프로젝트 리스트의 메인으로 이동합니다.

**❷ 회원 메뉴**\
로그인 계정의 회원 메뉴가 표시됩니다.&#x20;

* IMQA 가이드: IMQA의 가이드 문서를 확인할 수 있습니다. 클릭 시 브라우저 새 탭으로 표시합니다.
* 사용자 설정: 사용자 이름과 비밀번호를 변경할 수 있습니다. 브라우저 시간대는 IMQA 분석 정보의 표시 기준 시간을 변경할 수 있습니다.&#x20;

{% hint style="info" %}
로그인 사용자가 시간대를 자동으로 가져오지 못하는 환경에 있을 경우, IMQA의 시간 정보가 제대로 표현되지 않을 수 있습니다. 브라우저 시간대로 접속한 지역에 맞는 GMT 표준 시간으로 수동 설정할 수 있습니다.
{% endhint %}

* 로그아웃: 계정을 로그아웃합니다.
* 언어 설정: IMQA의 표시 언어를 변경합니다. 한국어와 영어, 일본어로 변경할 수 있습니다.

### 프로젝트 리스트 <a href="#list" id="list"></a>

<figure><img src="https://lh7-us.googleusercontent.com/46bt4gek9WU35xfo3DyZ7Wxz2nZKJVZt8uHYld3Bm9FyL9K37y54DEvAfGyFxRASFc-xTwHEYh8wA2BP-tzdPa8RiqftVrYmE4Zx9cCOTjjmRugbzxoBq7uqwUArOu5wuQb55BPf8oq13VbndC7bxGY" alt=""><figcaption></figcaption></figure>

**❶ 리스트 뷰/카드 뷰**\
프로젝트 카드의 표시 방식을 변경합니다. 기본은 리스트 뷰로 표시합니다.

* 리스트 뷰: 프로젝트를 목록형으로 표시합니다. 정렬을 변경하거나 프로젝트 요약 지표를 확인할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/8qJt8wpD2ssVzZsOJQgbIcSQw9DRrbeiYkp19it_DtXh6zlCJuS_NEsjWKmiMHdXU2mQl-7TtoiGKUJ7buZKyxvLLr04mlYiWITe1479a3ynN7oX_oplmS_r6Xa9S3jrIXoBaT_qXBuH_K-0mE7oPnQ" alt=""><figcaption></figcaption></figure>

* 카드 뷰: 관리하고 있는 프로젝트가 많은 경우 빠르게 프로젝트를 찾을 수 있습니다.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/uCZmCD7lynGYRfMDARytehEkqeMLdy8yLwZ4ortmUu7Lw7TBgY5_pdqhHhnaI23WTAiaI-fVpwqZoXJ96TWkSsLyF4RkY7_KJ-8qEU7bFRdExFNGTvI3Qx5w0qvVuboHuzGyKMh55HxUWkuboUHAzwU" alt=""><figcaption></figcaption></figure>

**❷ 프로젝트 생성**\
현재 위치에 프로젝트를 생성합니다.

**❸ 설정** <mark style="color:red;">\*팀에서만 표시</mark>\
\[설정] 아이콘 클릭 시 팀 관리 메뉴를 표시합니다.

❹ 헤더(정렬) <mark style="color:red;">\*리스트 뷰에서만 표시</mark>\
기본은 프로젝트 이름 순으로 정렬되며 플랫폼, 패키지 이름 / URL로 정렬할 수 있습니다.

## 2. 팀  <a href="#team" id="team"></a>

<figure><img src="https://lh7-us.googleusercontent.com/dZJsYa-lt5CEJlOxWzV02wBxonaK8ElD-VQzsfa9Xo_8u5LY87A4FELkFO6e-YMQsyu-3p9JdoGbQGVJL-sOydmMKXq3tsprqdT_sF1tY8Wq9hgbaWOpLq45zTx_kxCumSFq4e9DsYecknDRuO9lFgI" alt=""><figcaption></figcaption></figure>

❶ 팀 생성\
❷ 팀 탭\
❸ 팀 관리

####

### 팀 생성 <a href="#team2" id="team2"></a>

<figure><img src="https://lh7-us.googleusercontent.com/Z5Y5fHvV5pxHs45rkuPUCJcbpgXmNvb6sAR_uoaYNDN-Sm03AFe3JwA-BydWYaBMS9O3UFs3jbwaL_4vn9y14XOAM493q73HnJohXVPiM68RJYcdJwxvlQFAVfoBNov1o6-OjPpsqprAod0ZE2vaZkk" alt=""><figcaption></figcaption></figure>

원하는 팀 이름을 입력한 후 \[저장]을 클릭하면 팀이 생성됩니다.&#x20;

### 팀 탭 <a href="#tab" id="tab"></a>

<figure><img src="https://lh7-us.googleusercontent.com/Pr0bwbvNzuDiz2jcNtHVADjGSdiJ-ufGxZKo3x5GWhX5MxrPCo96fqIdWGt3uIYNnSfl921v3lJOEBECB0tKe-YNTrviEVB9GcwQ-WJmR5wUXc2YFGNitjWX6iTtZb70mZkpb25CL_uI9meJb53KASU" alt=""><figcaption></figcaption></figure>

소속된 팀을 전부 확인 할 수 있으며, 팀을 선택 하면 아래와 같이 팀 관련 설정 페이지가 제공됩니다.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/NGYN3wmNxq7ccy1lVc8-EOQSgkbaQ4A9hMasTwzJeWeDQRkWA2_CRKnscIpm0iCfnqjrqCKD6Ywik_yxlPN9YDHVc96VLn9ASesnjxTDjFaj0Dsc7dXMeGO8VyCZ6gY1PvjP60SvbhyQ-zmzMDEqW-8" alt=""><figcaption></figcaption></figure>

팀 이름 수정 뿐 만 아니라 이메일 주소를 입력하여 팀 멤버로 추가할 수 있습니다.

{% hint style="warning" %}
이메일 주소로 추가의 경우 IMQA에 회원가입이 되어있는 사용자만 추가할 수 있습니다.&#x20;
{% endhint %}

### 팀 관리 <a href="#managemnet" id="managemnet"></a>

<figure><img src="https://lh7-us.googleusercontent.com/_3VHmmoXT7C6aBFlhCly3iXZVGSyX1MuVZOWZ5u6ylGON9mMBcCY0PN6J2xEMvcJmFyJg_jUK-6phDQ0RHT94sdcnVMrONAPkdMJPniLv5HTmOzgON696wgqqhFZrcnemJELH3PGYnyTowuQmwqtNIE" alt=""><figcaption></figcaption></figure>

팀 이름 수정 및 팀 삭제를 하실 수 있습니다. 팀 삭제의 경우에는 팀만 삭제될 뿐, 소속된 프로젝트는 삭제되지 않으니 안심하셔도 됩니다.&#x20;

## 3. 프로젝트 생성 <a href="#project" id="project"></a>

로그인 후 프로젝트 생성을 통해 IMQA에 웹 브라우저 애플리케이션을 연결할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/rU2m0s4N6SVY0wHMXG95EPfcZdOgbUKT9P1RZjw8Zck8DQC1-FjynR_zQi_oe9HE6VPU7pj6c3AaU8i-z37XKJHQ2vc2yMibMX5mBVcoK8ds6nz3CUcIDwdVxkJ5w4f0SYhON3bhBOCHhwT-6fdSxW0" alt=""><figcaption></figcaption></figure>

프로젝트 리스트 오른쪽 상단의 \[+] 아이콘을 클릭하면 프로젝트를 생성할 수 있는 팝업이 표시됩니다.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/T-RC1oDJVnqog74P6Xi_v5-ol3Wu4HQXxtoVm75FvBFlDfGLi1Q51NAUnAO_NlZNTv1DcHiHpcLd7M8ydODiUYz7zI9IAGbsCeRxCB9KC6q61XxioIy1WXHY1sXAFfIErMLF2Ec8iWoUkSFKaXOlwvg" alt=""><figcaption></figcaption></figure>

\
① IMQA WPM 서비스와 팀을 선택하고 프로젝트 이름, 메인 도메인 URL을 입력합니다.

* 프로토콜: 웹 사이트 메인 URL의 프로토콜을 선택합니다. http 또는 https를 선택할 수 있습니다.
* 메인 도메인: 프로토콜을 제외한 웹 사이트의 메인 도메인을 입력하세요. (예: imqa.io)

{% hint style="warning" %}
메인 도메인 URL은 프로토콜 및 포트번호, 대소문자를 구분하며 \* 문자를 포함할 수 없습니다. 프로젝트 생성 후 변경이 불가능하니 확인 후 입력하세요. URL을 잘못 입력하여 변경하시려면 프로젝트를 삭제하시고 다시 생성해 주세요.
{% endhint %}

② 정보 작성이 완료되면 \[프로젝트 생성]을 클릭합니다.

③ 프로젝트 키가 포함된 설치 코드가 발급되었습니다. 설치 코드를 웹 페이지 HTML \<head> 태그에 붙여 넣어주세요. 설치 가이드를 참고하여 원하는 수집 옵션을 설치 코드 아래에 삽입할 수도 있습니다.

{% hint style="warning" %}
설치 코드를 웹 브라우저 애플리케이션에 삽입 후 웹 페이지에 접속하고 프로젝트 리스트 페이지를 새로고침 해주세요.
{% endhint %}

{% hint style="info" %}
교차 도메인 설정을 통해 서브 도메인 (예: m.imqa.io) 별도 구성되어 있을 경우나 CORS (교차 출처 리소스 공유) 접근이 필요할 경우 허용할 출처를 지정할 수 있습니다. 교차 도메인 설정에 대한 자세한 내용은 ‘[IMQA WPM 사용자 가이드 >  프로젝트 리스트 > 4. 프로젝트 관리 > 교차 도메인 설정](#domain)'을 참고하세요.
{% endhint %}

{% hint style="info" %}
URL 패턴 설정을 통해 URL의 숫자, 식별자 (예: 유입ID, 사용자ID, 검색어 등) 대체, 유사한 페이지를 의미있는 집계 단위로 그룹화할 수 있습니다. URL 패턴 설정에 대한 자세한 내용은 ‘[IMQA WPM 사용자 가이드 > 프로젝트 리스트 > 4. 프로젝트 관리 > URL 패턴 설정](#url)'을 참고하세요.
{% endhint %}

### 프로젝트 카드  <a href="#card" id="card"></a>

생성된 프로젝트 카드에서는 프로젝트 정보와 설치 및 설정에 필요한 요약 정보를 확인하고, 서비스로 이동할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/o5GroiqhhLCxiTzjv_OwghNrxkVlz6a5HzGcxVagJmgpBdN6Jf_srZcwn_pPlPW__eIe3ZIdLvYmTM0HaKB97EpNBJG9a1woQfxoPoM5TDc7ynU-8nPxe6J_D6V8J5Fu8S9tHWstkDxM-AitsGrlRZ0" alt=""><figcaption></figcaption></figure>

**❶ 플랫폼 아이콘**\
플랫폼 정보를 아이콘으로 표시합니다.&#x20;

**❷ 프로젝트 정보**\
프로젝트 이름, 패키지 이름 / URL을 표시합니다. 클릭 시 ‘서비스 > 대시보드’로 이동합니다.

**❸ 서비스 아이콘**\
MPM, Crash, WPM, WCrash  서비스 정보를 아이콘으로 표시합니다. 클릭 시 ‘서비스 > 대시보드’로 이동합니다.

**❹ 프로젝트 관리**\
\[…] 아이콘 클릭 시 프로젝트 관리 메뉴를 표시합니다.

**❺ 요약 정보 표시/숨김**\
\[∨] 아이콘 클릭 시 요약 정보를 표시합니다. \[∧] 아이콘 클릭 시 요약 정보를 닫습니다.

**❻ WPM 프로젝트 요약 정보**\
IMQA WPM 설치 및 설정에 필요한 요약 정보를 표시합니다. 설치 코드를 다시 복사할 수 있으며, 교차 도메인 설정 과정을 확인할 수 있습니다.

{% hint style="info" %}
요약 정보를 통해 IMQA WPM의 설치부터 서비스 이용까지의 전반적인 과정을 파악할 수 있습니다.
{% endhint %}

## 4. 프로젝트 관리 <a href="#project-management" id="project-management"></a>

\[…] 아이콘 클릭 시 프로젝트 관리 메뉴를 표시합니다. 프로젝트 정보 확인 및 수정과 삭제, 교차 도메인과 URL 패턴을 설정할 수 있습니다. 일부 메뉴는 프로젝트 권한 사용자에게만 표시됩니다.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/H0yBXANmUEdiEgHXU9U1xZlP_oFvX_ycCFLt6nAZ8YXxE87BDSKHPcqNOr4w-doL3FgAaCb0FBLTxVvhegCVEP7VssS_kY1v2P9shBebTw6WzORWz4WL5O53A56S29irHHirDjHgsyQVi_EoAg6BFjY" alt=""><figcaption></figcaption></figure>

**❶ 프로젝트 정보**\
생성한 프로젝트 정보를 확인할 수 있고, 프로젝트 멤버를 관리할 수 있습니다.

**❷ 팀 변경** <mark style="color:red;">\*프로젝트 매니저 이상</mark>\
프로젝트가 소속될 팀을 변경할 수 있습니다. 팀 멤버로 소속된 팀으로만 변경 가능합니다.

**❸ 교차 도메인 설정**\
IMQA에서 분석할 메인 도메인 외에 교차 도메인을 설정할 수 있습니다. 서브 도메인 (예: m.imqa.io) 별도 구성되어 있을 경우나 CORS (교차 출처 리소스 공유) 접근이 필요할 경우 허용할 출처를 지정할 수 있습니다.

**❹ URL 패턴 설정**\
웹 사이트 URL의 패턴을 찾고, 원하는 형태로 대체하여 IMQA로 수집할 수 있습니다. URL의 숫자, 식별자 (예: 유입ID, 사용자ID, 검색어 등) 대체나 유사한 페이지를 의미 있는 집계 단위로 묶을 수 있습니다.&#x20;

**❺ 프로젝트 이름 수정** <mark style="color:red;">\*프로젝트 매니저 이상</mark>\
프로젝트의 이름을 변경할 수 있습니다.

**❻ 프로젝트 삭제** <mark style="color:red;">\*프로젝트 생성자 이상</mark>\
프로젝트를 삭제할 수 있습니다.

{% hint style="danger" %}
프로젝트를 삭제할 경우 기존의 데이터가 전부 삭제됩니다. 반드시 삭제 전에 반드시 확인 후 삭제를 진행해주세요.
{% endhint %}

### 프로젝트 정보 <a href="#info" id="info"></a>

프로젝트 정보에서 생성한 프로젝트 정보를 확인할 수 있고, 프로젝트 멤버를 관리할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/VS9rYXO_mgjNOVLgC1Ds7v4EaLqngN_VKox7ju11g5czBnq5wSTa1Mr0VlQ55I6aPP3CveTyu__q6UH923C0QbHi0ZITcwj9F2QZtSu1X7rMvHuugxEwJe1VelQd3x4tEsbxcRIiODmYQvEYURs8FTY" alt=""><figcaption></figcaption></figure>

**❶ 프로젝트 멤버 이메일 주소**\
프로젝트 멤버 사용자의 이메일 주소를 표시합니다. 프로젝트를 생성한 사용자는 제일 상단에 표시됩니다.

**❷ 프로젝트 권한**\
프로젝트의 권한을 아이콘으로 표시합니다. 프로젝트 보기 및 관리 역할을 표시합니다.

<table><thead><tr><th width="139" align="center">프로젝트 권한</th><th width="90" align="center">아이콘</th><th align="center">프로젝트 보기</th><th width="137" align="center">멤버 추가 / 제거</th><th align="center">멤버 권한 변경</th><th align="center">프로젝트 삭제</th></tr></thead><tbody><tr><td align="center">Owner</td><td align="center">Ⓞ</td><td align="center">O</td><td align="center">O</td><td align="center">O</td><td align="center">O</td></tr><tr><td align="center">Manager</td><td align="center">Ⓜ</td><td align="center">O</td><td align="center">O</td><td align="center">X</td><td align="center">X</td></tr><tr><td align="center">Member</td><td align="center"></td><td align="center">O</td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr></tbody></table>

* 프로젝트 생성자 Owner: 프로젝트를 생성한 사용자 1계정에게 부여되며, 전반적인 프로젝트 관리 권한이 있습니다.
* 프로젝트 매니저 Manager: 프로젝트의 멤버 추가와 본인을 제외한 하위 권한 사용자의 제거가 가능합니다.
* 프로젝트 멤버 Member: 프로젝트를 볼 수 있습니다.&#x20;

**❸ 프로젝트 멤버 권한 변경** <mark style="color:red;">\*프로젝트 생성자 이상</mark> / **멤버 제거** <mark style="color:red;">\*프로젝트 매니저 이상</mark>

&#x20;1\. 이메일 주소 옆  \[Ⓜ] 아이콘을 클릭하면 프로젝트 매니저로 추가할 수 있습니다.

&#x20;2\. \[Ⓜ] 아이콘을 다시 클릭하면 프로젝트 매니저에서 제거합니다. &#x20;

&#x20;3\. 이메일 주소 옆  \[-] 아이콘을 클릭하면 해당 사용자를 프로젝트에서 제거합니다.

**❹ 프로젝트 멤버 추가** <mark style="color:red;">\*프로젝트 매니저 이상</mark>

&#x20;1\. 이메일 주소 밑  \[프로젝트 멤버 추가]를 클릭하면 현재 프로젝트 멤버가 아닌 팀 멤버와 ‘이메일 주소' 입력 영역이 표시됩니다.

2\. 프로젝트 멤버가 아닌 팀 멤버의 이메일 주소 옆 \[+] 아이콘을 클릭하여 프로젝트 멤버로 추가합니다.

**❺ 이메일 추가** <mark style="color:red;">\*프로젝트 매니저 이상</mark>\
이메일 주소를 입력하고 \[+] 아이콘을 클릭하여 프로젝트 멤버로 추가합니다.

{% hint style="warning" %}
이메일 추가의 경우 IMQA에 회원가입이 되어있는 사용자만 추가할 수 있습니다.
{% endhint %}

### 교차 도메인 설정 <a href="#domain" id="domain"></a>

IMQA에서 분석할 메인 도메인 외에 교차 도메인을 설정할 수 있습니다. 서브 도메인 (예: m.imqa.io) 별도 구성되어 있을 경우나 CORS (교차 출처 리소스 공유) 접근이 필요할 경우 허용할 출처를 지정할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/DzlY3W8G5VCNy2_qw974LaVVgg2oBOowiyvk0F-exDw2-2Pg2JP5SXl8UyGcoJne8kejnOXRIy2ldGBfRwyIVs4V0l8pNmrzwzv8I0ZMIw-Gw8gUTQcRgSdXGS2VGwSdkdCaaa1TavfSwpRKHsS44LM" alt=""><figcaption></figcaption></figure>

① 기본 프로젝트 생성 시 입력한 메인 도메인 URL이 설정되어 있으며, 웹 사이트 구성에 따라 서브 도메인 또는 교차 출처 리소스 공유 접근을 허용할 출처를 입력합니다.&#x20;

* **허용 도메인 설정 예시**&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/e2QZiM6PAs9pslGUHOmUbOLpWg5zwH3mgD9MhnSO8Td-UdgPAy7sGg58V7_u1EN2ttF1I_BetVQszFB91gxsHUVVXL6gglezti02Ksw9XKFlNP5G3KtX5kn8NSnl_ifWYUIQ_bnzLmdUawqOB3gay14" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
허용 도메인 URL에 접근을 허용할 도메인 목록을 지정합니다. (예: <http://localhost:8080>)

1줄로 구분하여 입력할 수 있으며, 프로토콜 및 포트번호, 대소문자를 구분하고 \* 문자를 포함할 수 없습니다.
{% endhint %}

② 허용 도메인 목록을 입력하고 \[저장]을 클릭합니다.&#x20;

③ 입력한 허용 도메인 목록에서 데이터를 실시간으로 수집하도록 설정되며, IMQA에서 확인할 수 있습니다.

{% hint style="info" %}
IMQA WebAgent는 기본적으로 사용자의 웹 브라우저 애플리케이션 구성에서 중요한 단위에서만 데이터 수집이 가능하도록 지원하며, 설치 코드 복제에 의한 라이선스 보호 등을 위하여 허용된 도메인에서만 데이터를 수집합니다. 메인 도메인 URL 외 성능 데이터 수집을 원하는 도메인이 있다면 교차 도메인 설정 기능을 통한 허용 도메인 목록 설정이 필요합니다.
{% endhint %}

### URL 패턴 설정 <a href="#url" id="url"></a>

웹 사이트 URL의 패턴을 찾고, 원하는 형태로 대체하여 IMQA로 수집할 수 있습니다. URL의 숫자, 식별자 (예: 유입ID, 사용자ID, 검색어 등) 대체나 유사한 페이지를 의미 있는 집계 단위로 묶을 수 있습니다.&#x20;

{% hint style="warning" %}
IMQA WPM은 기본적으로 사용자가 접속한 원시 URL 데이터를 수집합니다. 사용자가 웹 사이트 이용시, 여러 식별자, 검색어 등으로 URL이 파편화 될 가능성이 높은 페이지의 경우 URL 패턴 설정을 통해 유의미한 집계/분석 단위 정의를 하시는 것을 권장합니다.
{% endhint %}

<figure><img src="https://lh7-us.googleusercontent.com/n0SSNo7Fm2R85FoD1BVCMxpdzBIEq0hnVjVUosl4x5Ov_eDPhGZsLC3crrE-EaXT81tRqlW-Y8MD8jXpxrwMOTZxCzo5RAz-ybl8G1ZVIYoLCzQMGz1f-XimBUOBjWgL1iDg6zUSACj1cScQlwC-h18" alt=""><figcaption></figcaption></figure>

**❶ URL 패턴**\
웹 사이트 URL의 경로 또는 쿼리 파라미터에서 원하는 형태로 대체할 패턴을 입력합니다. 경로와 쿼리 파라미터 단위를 입력할 수 있습니다. 우선순위가 높은 URL 패턴부터 적용되며, 쿼리 파라미터는 ’키=값’ 형태로 입력되어야 합니다.

1\. 웹 사이트 URL 구성에 따라 경로 또는 쿼리 파라미터에서 묶고 싶은 단위에 변수 {group} 를 포함하여 입력합니다.

2\. 웹 사이트 URL 구성에 따라 경로 또는 쿼리 파라미터에서 풀고 싶은 단위에 변수 {value} 를 포함하여 입력합니다.&#x20;

3\. URL 패턴을 입력하고 \[+] 아이콘을 클릭합니다.

* **URL 패턴 설정 예시 1)**

  “상품 상세 페이지 URL인 ‘products’ 경로 다음의 숫자를 묶어서 하나의 페이지로 집계/분석하고 싶어요. 쿼리 파라미터는 상세하게 구분하지 않아도 돼요.”

  <figure><img src="https://lh7-us.googleusercontent.com/SfjfbRz3EMllCCwqzfR72zTfiyg-EsLyIzVC7fOivh1D9WMkOWAL7b3f8fDyC4cNEqldFftJ0EYcE_d0xtJ9fUhSpbja2ZGDl9KnCcU4BtCV97oWAebn24USdAngRXe_EOz3iNe-pdJ7u9I90HLKZCs" alt=""><figcaption></figcaption></figure>

  1\. 특정 ‘경로'에 적용할 URL 패턴을 변수 {group} 를 포함하여 입력합니다. \
  2\. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.<br>

  <figure><img src="https://lh7-us.googleusercontent.com/RI9bAMoGPC6WEl0h-UXDcGrt36B0vB1qYPwAUsRgAxW2pzu_b3jZG-87e-2vB3DcWxdWwD26RaRkqFJQDZQUSj9GT-m6UqVFnHoXKisdctZ_RH9X50jHnGh1T4nTRi7Jg00D8wazBlcX2T_vZnWUj5M" alt=""><figcaption></figcaption></figure>

* **URL 패턴 설정 예시 2)**

  “메인 페이지로 유입되는 유형을 구분하고 싶어요. URL 쿼리 파라미터에 붙는 외부 유입ID ‘fbclid’, ‘NaPm’, ‘gclid’는 표시하고, 값은 상세하게 구분하지 않아도 돼요.”<br>

  <figure><img src="https://lh7-us.googleusercontent.com/FIBef_vuaKAkDzN2U7TPyYPizPcyQo_rn3_YvIE51M-dsumAdKutbcP3O4VNDZTa40bKbItBG7JuY4o0MwVnjLQTU29OYwSTnuBp_sgjU9OS55RhGPxU-S7AyTEt4NQq_mg65smqn2rmdp6Aa5LQlrI" alt=""><figcaption></figcaption></figure>

  1\. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴을 변수 {group} 를 포함하여 입력합니다.

  2\. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.

  <figure><img src="https://lh7-us.googleusercontent.com/KIGmBSwV-u5-9yXamULYBH06VAXWp20qCXWo4AhOInII-NdCJmuqvUlMrFno6Q4c5UB07JJdjXGegX7Hj5TyXL7vLSQOA2ZF4Vf-9PEMlgiXQixhkProyYiiin45vbeETbtfkmspIQjydvlQyPMFEA0" alt=""><figcaption></figcaption></figure>

* **URL 패턴 설정 예시 3)**

  “베스트 상품 목록 페이지에서 카테고리별 유형을 구분하고 싶어요. ‘best’ 경로의 URL 쿼리 파라미터에 붙는 카테고리ID ‘category\_id’ 와 값을 구분하고, 나머지 쿼리 파라미터는 상세하게 구분하지 않아도 돼요.”<br>

  <figure><img src="https://lh7-us.googleusercontent.com/4QvD67CIK-qEMGtueG5jMiRpsOITSLvmf5NkLFyBmtu8yKG1zuB_Gwyuf2h7VDLVS9IXUMw_z_rYF1e3C49bDXQRu1T4BqSLvGxPOZpE6VJaaV3uPgZn74R2xE-zvTBkFqdLNpb2qebWKc1emVffTuI" alt=""><figcaption></figcaption></figure>

  1\. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴을 변수 {value} 를 포함하여 입력합니다.

  2\. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.

  <figure><img src="https://lh7-us.googleusercontent.com/eodvk5XGeNkwstoFt_oTNw79O9eo3TwZwIQuG0kB0MI8ZRErg7VZW938r76JyX2gUR75TS5N9oOLJrQFWNHJ1_qe7U3JYvK-g3bwUVzPo2sKS0LI1SqjIcX5wYKgMnAkHjJYZWmzNmT_Iv_bBBztzsc" alt=""><figcaption></figcaption></figure>

**❷ 우선순위**\
URL 패턴을 적용할 순서를 나타냅니다. 우선순위가 높은 URL 패턴부터 적용되며, 순서를 변경할 수 있습니다.

* 우선순위 설정 예시)

  “상품 상세 페이지 URL인 ‘products’ 경로 다음의 숫자를 묶는 패턴을 적용 중인데, 메인 \~ 상품 상세 페이지로 이동하는 유형인 내부 유입ID ‘flow’와 외부 유입ID ‘fbclid’로 접속하는 경우를 추가로 구분하고 싶어요.”<br>

  <figure><img src="https://lh7-us.googleusercontent.com/p3_dCx593bk71zRT6n4BuUSl7Q0rv_OomqGBVte93d2QVKHUBLAgyOQuBoeHqV64QHzZlGEBQzl9omdX97xFCTaOmP53g_JQ5Dmoa5bOCjD9QFI_AGElcVktiytVC_JetDYb9zMza9L2E9QEjkM1094" alt=""><figcaption></figcaption></figure>

  1\. 우선순위가 높은 ‘경로'에 적용되는 URL 패턴이 우선 적용됩니다.\
  2\. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴의 우선순위를 높게 변경합니다.<br>

  <figure><img src="https://lh7-us.googleusercontent.com/xCI0cNjwhFVzNvXD9Sd6WvSGm70fdRF3X2116peHioL83gNW7UfkdIbvbCMdgMSjPnuS-Fz_lda2EP2qM975buEyNvke0yYVu4eObZs-IMvhVj8cvajTLraYuHx44xbdKSrPkCXZ3uEzz470CUOr5U0" alt=""><figcaption></figcaption></figure>

  \
  3\. 설정 이후, ‘쿼리 파라미터'에 적용되는 URL 패턴이 우선 적용되어 원하는 형태로 대체됩니다.<br>

  <figure><img src="https://lh7-us.googleusercontent.com/pOwgEsUD_JnJUq745ugZmfcXI5G0PfMNn1L4e4OcytcZolh98-TqDT1bnxsfMC5Qw39xVAZuKJY3ikbup5VQDzmNcZJjfJAaoRZ6QBrj_ELdevHc8Gn7vYE27SSEucFuff32dHUdeunnS6-D95yyTfI" alt=""><figcaption></figcaption></figure>

**❸ URL 패턴**\
프로젝트에 설정된 전체 URL 패턴을 목록으로 표시합니다.

**❹ 우선순위 변경**\
마우스 드래그로 URL 패턴 적용 순서를 조정할 수 있습니다.

**❺ 삭제**\
추가한 URL 패턴을 삭제합니다. 삭제 시 해당 URL 패턴 항목이 삭제되며, 더 이상 URL 패턴이 적용되지 않습니다.&#x20;

적용할 URL 패턴과 우선순위 설정이 끝나면 \[저장]을 클릭합니다. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.