Browser Agent

Browser EUM(End-User Monitoring) 에이전트는 웹 애플리케이션의 최종 사용자 경험을 실시간으로 모니터링하고 분석하는 JavaScript 기반 도구입니다. 브라우저에서 동작하며 사용자 상호작용, 성능 지표, 에러 데이터를 수집하여 서비스 품질을 파악하고 개선하는 데 필요한 깊이 있는 인사이트를 제공합니다.

주요 특징

이중 기능 통합: 트래픽 제어 스크립트와 EUM 이벤트 수집 스크립트가 하나로 통합되어 웹 애플리케이션의 성능과 안정성을 동시에 보장합니다.
실시간 트래픽 제어: 높은 트래픽 상황에서 가상 대기실을 통해 서버 부하를 관리하고, NetFUNNEL 서버와 통신하여 대기열을 효과적으로 처리합니다.
포괄적인 사용자 경험 분석: 세션, 페이지 로드, 리소스 로딩, 에러 등 다양한 성능 지표를 자동으로 수집하여 웹사이트 트래픽과 성능을 실시간으로 모니터링합니다.
강화된 보안 기능: 개발자 도구 탐지, 리소스 차단 대응 등 보안 기능을 내장하여 악의적인 접근을 방지합니다.

적용 가능한 환경

웹 브라우저: 모든 주요 웹 브라우저에서 동작하는 JavaScript 기반 애플리케이션
웹 애플리케이션: SPA(Single Page Application), MPA(Multi Page Application) 모두 지원
모바일 웹: 모바일 브라우저 환경에서도 동일한 기능 제공

이벤트 수집 기능

Browser EUM 에이전트는 사용자의 다양한 활동과 성능 지표를 체계적으로 수집합니다.

수집 가능한 이벤트 유형

이벤트 유형	설명	주요 수집 정보
세션 이벤트	웹 페이지 시작부터 종료까지의 1-Cycle 사용자 세션 정보	• 세션 시작/종료 시간 • 세션 지속 시간 • 사용자 환경 정보 (디바이스, OS, 브라우저 등)
화면 이벤트	웹사이트 내 페이지 전환 및 사용자 이동 정보	• 페이지 URL 및 페이지 전환 시간 • 페이지 로딩 시간 • 사용자 체류 시간
리소스 이벤트	네트워크 요청 및 웹 리소스 사용 정보	• 네트워크 요청 상세 정보 • 리소스 로딩 성능 지표 • API 호출 성능 데이터

이벤트 유형

설명

주요 수집 정보

세션 이벤트

웹 페이지 시작부터 종료까지의 1-Cycle 사용자 세션 정보

• 세션 시작/종료 시간

• 세션 지속 시간

• 사용자 환경 정보 (디바이스, OS, 브라우저 등)

화면 이벤트

웹사이트 내 페이지 전환 및 사용자 이동 정보

• 페이지 URL 및 페이지 전환 시간

• 페이지 로딩 시간

• 사용자 체류 시간

리소스 이벤트

네트워크 요청 및 웹 리소스 사용 정보

• 네트워크 요청 상세 정보

• 리소스 로딩 성능 지표

• API 호출 성능 데이터

에러 이벤트 상세 분류

에러 분류	설명	발생 원인
네트워크 에러	네트워크 연결 실패나 중단으로 발생하는 에러	• 서버 접속 불가 • 데이터 전송 중단 • API 호출 실패 • 네트워크 통신 과정의 문제
애플리케이션 에러	웹 애플리케이션 내부에서 발생하는 런타임 에러	• JavaScript 런타임 에러 • 리소스 로딩 실패 • 성능 저하 관련 경고 • 브라우저 호환성 문제

에러 분류

설명

발생 원인

네트워크 에러

네트워크 연결 실패나 중단으로 발생하는 에러

• 서버 접속 불가

• 데이터 전송 중단

• API 호출 실패

• 네트워크 통신 과정의 문제

애플리케이션 에러

웹 애플리케이션 내부에서 발생하는 런타임 에러

• JavaScript 런타임 에러

• 리소스 로딩 실패

• 성능 저하 관련 경고

• 브라우저 호환성 문제