올바른 웹 원격 측정 캡처

브라우저 애플리케이션 이름 지정 및 하위 계정 배치 조정

먼저, 브라우저 이름 지정 및 데이터 구성이 올바른지 확인해야 합니다. 필요한 경우 이름 바꾸기 가이드 에 따라 브라우저 애플리케이션의 이름을 변경할 수 있습니다. 하나의 브라우저 애플리케이션에 보고하는 여러 환경의 데이터가 있는 경우 새 브라우저 앱을 만들고 페이지의 JavaScript 스니펫을 업데이트하여 올바른 앱을 보고할 수 있습니다.

브라우저 모니터링 조직을 확인할 때 다음 사항에 유의하세요.

1. 다양한 환경(dev/qa/production)의 웹 애플리케이션 계측은 다양한 브라우저 애플리케이션에 보고되어야 합니다.
2. 브라우저 애플리케이션이 지원하는 환경(예: 개발, QA, 프로덕션 환경)
3. 브라우저 애플리케이션의 목적(고객용, 내부용, 웹사이트, 웹사이트 구성 요소, 지역 등).

JavaScript 오류 조정

다음으로 페이지 로드 프로세스를 방해하고 오류를 표시하며 사용자가 작업을 완료하지 못하게 함으로써 사용자 경험과 SEO에 부정적인 영향을 미치는 JavaScript 오류를 해결해야 합니다. 먼저, UI 또는 NRQL을 사용하여 JavaScript 오류가 캡처되고 있는지 확인하세요.

SELECT count(*) FROM JavaScriptError WHERE appName = 'MyApp' SINCE 1 WEEK AGO

SELECT count(*) FROM JavaScriptError FACET appName LIMIT MAX SINCE 1 WEEK AGO

JS 오류가 보고되는지 확인한 후에는 이벤트 로그도 있는지 확인하세요. 이벤트 로그에는 JS 오류를 발생시킨 브라우저 상호 작용, AJAX 호출 및 추적이 표시됩니다. 이는 오류의 근본 원인을 해결하는 데 도움이 될 수 있습니다.

누락된 이벤트 로그 문제를 해결하려면 다음 지침을 따르십시오.

마지막으로 JavaScript 오류에 스택 추적이 있는지 확인하세요.

SELECT count(*) FROM JavaScriptError WHERE appName = 'MyApp' AND stackTrace IS NOT NULL AND stackTrace NOT LIKE '' SINCE 1 WEEK AGO

SELECT count(*) FROM JavaScriptError WHERE stackTrace IS NOT NULL AND stackTrace NOT LIKE '' FACET appName LIMIT MAX SINCE 1 WEEK AGO

누락된 스택 추적 문제를 해결하려면 다음 지침을 따르세요. 또는 스택 트랙이 표시되지만 확장할 수 없는 경우 다음 지침을 따르세요.

페이지 보기 그룹화 확인

다음으로 페이지 보기 그룹화를 확인하세요. Page views [페이지 보기] UI의 페이지 URL은 페이지 성능을 더 잘 관리하는 데 도움이 되도록 자동으로 그룹화됩니다. 자동 그룹화를 결정하는 알고리즘은 웹앱이 처음으로 계측될 때 실행됩니다. 현재 웹 트래픽이 앱이 처음 계측되었을 때와 많이 다르다면 표시되는 그룹이 너무 적은 것일 수 있습니다.

SELECT count(*) from PageView WHERE appName = 'MyApp' AND browserTransactionName LIKE '*.*.*%/%' or browserTransactionName LIKE '%.%.%/*/*/*/%' or browserTransactionName LIKE '%.%.%/*/*/*' or browserTransactionName LIKE '%.%.%/*/*/%' FACET pageUrl limit 100 SINCE 1 WEEK AGO

SELECT count(*) from PageView WHERE browserTransactionName LIKE '*.*.*%/%' or browserTransactionName LIKE '%.%.%/*/*/*/%' or browserTransactionName LIKE '%.%.%/*/*/*' or browserTransactionName LIKE '%.%.%/*/*/%' FACET browserTransactionName, pageUrl limit 100 SINCE 1 WEEK AGO

세그먼트 허용 목록을 사용하여 페이지 보기 URL이 그룹화되는 방식을 조정합니다.

AJAX 통화 그룹 확인

페이지 조회수를 확인한 후 AJAX 호출 그룹화에 대해서도 동일한 작업을 수행해야 합니다. AJAX 호출은 대규모로 더 쉽게 탐색할 수 있도록 그룹화됩니다. 때로는 AJAX 호출이 너무 많아서 개별 요청 URL로 탐색하는 것이 어려워지는 경우도 있습니다. UI 또는 NRQL 쿼리를 사용하여 AJAX 그룹화를 조정해야 하는지 확인하세요.

SELECT count(*) FROM JavaScriptError WHERE appName = _your app name_ AND stackTrace IS NOT NULL AND stackTrace NOT LIKE '' SINCE 1 WEEK AGO

SELECT count(*) FROM JavaScriptError WHERE stackTrace IS NOT NULL AND stackTrace NOT LIKE '' FACET appName LIMIT MAX SINCE 1 WEEK AGO

세그먼트 허용 목록을 사용하여 AJAX 요청이 그룹화되는 방식을 조정합니다.

분산 추적 사용

다음으로 브라우저에서 분산 추적을 활성화하면 백엔드에 대한 요청을 최종 엔드포인트까지 추적하여 AJAX 성능을 향상하는 데 도움이 됩니다. 추적 정보는 어떤 애플리케이션이 사용자 경험에 영향을 미치는지 이해하는 데 유용합니다. 이 정보를 사용하여 서비스 문제를 직접 해결하거나 담당 팀에 위임할 수 있습니다.

배포 설정

다음으로, NerdGraph를 사용하여 웹 애플리케이션의 변경 사항을 추적 하면 성능 KPI, 전환 및 사용자 참여에 대한 변경 사항의 영향을 확인할 수 있습니다.

사용자 정의 속성 추가

사용자 정의 속성을 사용하여 데이터를 필터링하고 그룹화합니다. 사용자 정의 속성은 선택 사항이지만 이를 사용하면 많은 가치를 얻을 수 있습니다. 다음은 가장 일반적으로 권장되는 속성이지만 더 추가하고 싶을 수도 있습니다.