# 프로젝트 리스트

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

## 1. 개요

<figure><img src="https://lh7-us.googleusercontent.com/2G81Xlixamu8HfJNsz0Vqj6Nd53a-ZJyI_-hZ0l7WUftucv60tEJ41MWyVxa-mTIrZzX0No8CWB5IdcqFPp-HMpW99P3TVG258CmU8Wh7HTMcWNoqFoWki4Au6nzMfW9-DCmFbJeL_bhnIvZA8aVeG0" alt=""><figcaption></figcaption></figure>

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

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

### 상단 바

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

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

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

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

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

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

### 프로젝트 리스트

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

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

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

<figure><img src="https://lh7-us.googleusercontent.com/lw4J28RlkCs6n4Qy55X-mOH-jTtLfL4KmN0SsBJDHvWbPP3eSk8Fnet27hH2A7nlz8iABJVikNDn5KG7Ooi-0PoS0WVAeoaVf65yTerGm7B3ZbIwIccfQ5_VdbGnFAD6LxlTl7NiOKladzGfQ7T9Ef4" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

## 2. 팀&#x20;

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

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

### 팀 생성

#### ![](https://lh7-us.googleusercontent.com/0vluF2laDyjT9uWPY1l4wv3ixEV15WLU1SbeoqPZMQyXzN7pizeG6I4LNcL2mQqFd5YY9O9qptDPhAVY47Y0lqwtGif7dGMStqHbemt9k411Liin3qnfBZswd_JLwwc6syFarXNz0yhHOVn-MxI-Nss)

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

### 팀 탭

<figure><img src="https://lh7-us.googleusercontent.com/D6NgbCzWtWrfNYn08RG9Nc1R96qAy-yw-ro8kkNvCnBfLPfawBHkkojA4FLw4es12kLrOpwotFHnhN3h2ssuapwHkeWy1fSnT-E8mBbz8qhvejmxr2FLJXGQduRdNB8ECQHy7otrTv4sTTXOnZx7dWM" alt=""><figcaption></figcaption></figure>

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

<br>

![](https://lh7-us.googleusercontent.com/-RC4r5xUz7MbjVhF29fK_4AZ2xKXnTLMqmWGQQTc8DYvP0XgFNid6ea3V3y9MpsobG0nIsxr_xDCvLd4yX-VGdehsteWIYg4a8B1IvY8SB8BtKKo9yIPE88D7PBILZZw7ng6DXOI4BgwDtEWeZx9zIc)

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

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

### 팀 관리

![](https://lh7-us.googleusercontent.com/WRJwEOQYOyBK70eGecmywV32vZyDqBfePfc9QVJkm1s0ASDr9PJ0E6pWsWWVtyyi8pDRewPJeteYhkd-ONwqNnqCqoko0zoGDeMt5hXB_QsxxwenPwAtEtJmZDZaJu6ebBQCJvMWafgNrXxuLPrE4IY)

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

## 3. 프로젝트 생성

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

<figure><img src="https://lh7-us.googleusercontent.com/ubWnTeqZrTYoFgz1y1OKiaYKQQ32WoViJFFF3eXXEWbR4BtUsP8sYizomQNme-fyBZk1DIVlZDWKkDGwDUYc2u-a8HJ-bh9zcmkR_5W-EXN6nN8_eqEaaZ_zyxEdS8mErnJg8NxxcSIOhT0zs-dc_Wk" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://lh7-us.googleusercontent.com/EaCwH8XQuZmtatSxeTJs1JPtKK8uqE14aOq38Yi_-zBlBvEHselmMi9Tmj2vR_iLJgaH-iernksR8SMVmDPwWG6MwWzg5_nRWfhOi0vGKefM2gIB3GYobH1g6Lh35E6_2CXZPg_AZW65LNrD-YWRSdw" alt=""><figcaption></figcaption></figure>

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

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

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

2. 정보 작성이 완료되면 \[프로젝트 생성]을 클릭합니다.
3. 프로젝트 키가 포함된 설치 코드가 발급되었습니다. 설치 코드를 웹 페이지 HTML \<head> 태그에 붙여 넣어주세요. IMQA WPM 설치 가이드를 참고하여 원하는 수집 옵션을 설치 코드 아래에 삽입할 수도 있습니다.

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

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

### 프로젝트 카드&#x20;

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

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

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

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

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

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

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

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

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

## 4. 프로젝트 관리

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

<figure><img src="https://lh7-us.googleusercontent.com/GkCGg7KQ6zsXSTULqVfbh4kboJw4Li4dIu_6p5xep97Fw2Qf9tfl9B3n5Z1VEHZpoBkAhU_uXvJD8g-nhivCP0jiegpPlCtw3YnbaKCIaIeDLsl61ToOW15lsUcRvPUwywm3w5KS4NNtEvPaorKG-tk" 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 %}

### 프로젝트 정보

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

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

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

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

<table><thead><tr><th width="140" align="center">프로젝트 권한</th><th width="91" align="center">아이콘</th><th width="122" align="center">프로젝트 보기</th><th width="142" 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>

1. 이메일 주소 옆  \[Ⓜ] 아이콘을 클릭하면 프로젝트 매니저로 추가할 수 있습니다.
2. \[Ⓜ] 아이콘을 다시 클릭하면 프로젝트 매니저에서 제거합니다. &#x20;
3. 이메일 주소 옆  \[-] 아이콘을 클릭하면 해당 사용자를 프로젝트에서 제거합니다.

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

1. 이메일 주소 밑  \[프로젝트 멤버 추가]를 클릭하면 현재 프로젝트 멤버가 아닌 팀 멤버와 ‘이메일 주소' 입력 영역이 표시됩니다.
2. 프로젝트 멤버가 아닌 팀 멤버의 이메일 주소 옆 \[+] 아이콘을 클릭하여 프로젝트 멤버로 추가합니다.

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

이메일 주소를 입력하고 \[+] 아이콘을 클릭하여 프로젝트 멤버로 추가합니다.

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

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

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

<figure><img src="https://lh7-us.googleusercontent.com/2fDfylRFJFKayq0NaCmda-Uz-QOay7DWMhTEZOjl1uBDd6-MdcUMHeoQZddEetCcJWU27wg4xtcjetnz_8Ai5JRB6xOuK8Vv0IgBjTmt4u7IU6GS3umZzgReehHK3MsIAqaCwSbBqSzrtpIQnJfjQio" alt=""><figcaption></figcaption></figure>

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

* **허용 도메인 설정 예시)**

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

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

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

2. 허용 도메인 목록을 입력하고 \[저장]을 클릭합니다.&#x20;
3. 입력한 허용 도메인 목록에서 데이터를 실시간으로 수집하도록 설정되며, IMQA에서 확인할 수 있습니다.

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

### URL 패턴 설정

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

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

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

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

1. 웹 사이트 URL 구성에 따라 경로 또는 쿼리 파라미터에서 묶고 싶은 단위에 변수 {group} 를 포함하여 입력합니다.
2. 웹 사이트 URL 구성에 따라 경로 또는 쿼리 파라미터에서 풀고 싶은 단위에 변수 {value} 를 포함하여 입력합니다.
3. URL 패턴을 입력하고 \[+] 아이콘을 클릭합니다.&#x20;

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

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

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

![](https://lh7-us.googleusercontent.com/I2AZ8FDh_WNJ2faG0u0oYOt5nywHWVJm9Dq3XHhh1Rq3ex93KbQNRk3BxzPuVj79t4J1XYUk-tABlo25I8rMBn6qPAz-82Obq71m9TSneP-jjmiiqQCvxfxfLzyVxbSorvvAKpWFMYpmuQOanNHxl5A)

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

<figure><img src="https://lh7-us.googleusercontent.com/QA1wdKdch19Pbo_o_NPOF40bVX4f29heaxhEO2_kgBnYKtep95IrjOiOP_khe-49bWbKSngz9OfXCIHkS_tFepfkC7QPja8TKV-vNFXiy3qQHARec386bWck-JiJZb6sjiatxGmUm26WBkONkSytcoQ" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

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

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

   <figure><img src="https://lh7-us.googleusercontent.com/Ps8D6wR15iHCIQ7Xbgmlqa-1W_ZkiOGPW3pMhBmOv1mxf0tNImas9KmwXtNaIPuBE6DnTsB5Co8iFFXbFiV4nw3dsGNmbGLHsvmIBO4knqTM7Kue7PWbZJ87EI886n4oI6tCYX9w8Ov7D-yB0yoxv-4" alt=""><figcaption></figcaption></figure>
3. 설정 이후, ‘쿼리 파라미터'에 적용되는 URL 패턴이 우선 적용되어 원하는 형태로 대체됩니다.

<figure><img src="https://lh7-us.googleusercontent.com/p_i33CUahDmsz8JPVC9ZV94e5gFzfV9ViUGBpnCuxvvbs9gW0b6e4zL1E4AcfTVPp7DQ-pdpbnnpY3x19c7BXVH-7ryQEIWp-HZuENhqV35ecOn3kjVEsMFklVPqiOAP1YniafjK2ub0ZadcDBnq7w4" alt=""><figcaption></figcaption></figure>

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

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

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

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