프로젝트 리스트

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

1. 개요

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

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

상단 바

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

❷ 회원 메뉴 로그인 계정의 회원 메뉴가 표시됩니다.

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

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

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

프로젝트 리스트

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

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

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

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

❸ 설정 *팀에서만 표시 [설정] 아이콘 클릭 시 팀 관리 메뉴를 표시합니다.

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

2. 팀

❶ 팀 생성 ❷ 팀 탭 ❸ 팀 관리

팀 생성

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

팀 탭

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

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

이메일 주소로 추가의 경우 IMQA에 회원가입이 되어있는 사용자만 추가할 수 있습니다.

팀 관리

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

3. 프로젝트 생성

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

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

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

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

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

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

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

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

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

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

프로젝트 카드

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

❶ 플랫폼 아이콘 플랫폼 정보를 아이콘으로 표시합니다.

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

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

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

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

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

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

4. 프로젝트 관리

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

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

❷ 팀 변경 *프로젝트 매니저 이상 프로젝트가 소속될 팀을 변경할 수 있습니다. 팀 멤버로 소속된 팀으로만 변경 가능합니다.

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

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

❺ 프로젝트 이름 수정 *프로젝트 매니저 이상 프로젝트의 이름을 변경할 수 있습니다.

❻ 프로젝트 삭제 *프로젝트 생성자 이상 프로젝트를 삭제할 수 있습니다.

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

프로젝트 정보

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

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

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

프로젝트 권한

아이콘

프로젝트 보기

멤버 추가 / 제거

멤버 권한 변경

프로젝트 삭제

Owner

Ⓞ

Manager

Ⓜ

Member

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

❸ 프로젝트 멤버 권한 변경 *프로젝트 생성자 이상 / 멤버 제거 *프로젝트 매니저 이상

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

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

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

❹ 프로젝트 멤버 추가 *프로젝트 매니저 이상

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

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

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

이메일 추가의 경우 IMQA에 회원가입이 되어있는 사용자만 추가할 수 있습니다.

교차 도메인 설정

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

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

허용 도메인 설정 예시

허용 도메인 URL에 접근을 허용할 도메인 목록을 지정합니다. (예: http://localhost:8080)

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

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

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

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

URL 패턴 설정

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

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

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

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

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

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

URL 패턴 설정 예시 1)
“상품 상세 페이지 URL인 ‘products’ 경로 다음의 숫자를 묶어서 하나의 페이지로 집계/분석하고 싶어요. 쿼리 파라미터는 상세하게 구분하지 않아도 돼요.”
1. 특정 ‘경로'에 적용할 URL 패턴을 변수 {group} 를 포함하여 입력합니다. 2. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.
URL 패턴 설정 예시 2)
“메인 페이지로 유입되는 유형을 구분하고 싶어요. URL 쿼리 파라미터에 붙는 외부 유입ID ‘fbclid’, ‘NaPm’, ‘gclid’는 표시하고, 값은 상세하게 구분하지 않아도 돼요.”
1. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴을 변수 {group} 를 포함하여 입력합니다.
2. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.
URL 패턴 설정 예시 3)
“베스트 상품 목록 페이지에서 카테고리별 유형을 구분하고 싶어요. ‘best’ 경로의 URL 쿼리 파라미터에 붙는 카테고리ID ‘category_id’ 와 값을 구분하고, 나머지 쿼리 파라미터는 상세하게 구분하지 않아도 돼요.”
1. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴을 변수 {value} 를 포함하여 입력합니다.
2. 설정 시점부터 수집되는 URL을 원하는 형태로 대체하여 IMQA에서 ‘페이지' 단위로 확인할 수 있습니다.

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

우선순위 설정 예시)
“상품 상세 페이지 URL인 ‘products’ 경로 다음의 숫자를 묶는 패턴을 적용 중인데, 메인 ~ 상품 상세 페이지로 이동하는 유형인 내부 유입ID ‘flow’와 외부 유입ID ‘fbclid’로 접속하는 경우를 추가로 구분하고 싶어요.”
1. 우선순위가 높은 ‘경로'에 적용되는 URL 패턴이 우선 적용됩니다. 2. 특정 ‘경로'와 ‘쿼리 파라미터’에 적용할 URL 패턴의 우선순위를 높게 변경합니다.
3. 설정 이후, ‘쿼리 파라미터'에 적용되는 URL 패턴이 우선 적용되어 원하는 형태로 대체됩니다.