중요
세션 재생은 제한된 미리 보기 상태입니다. 아직 모든 사람이 액세스할 수 있는 것은 아니지만 여기에서 미리보기에 대한 액세스를 요청할 수 있습니다.
세션 재생을 사용하면 웹 앱에서 사용자 상호 작용을 재생하고 다른 원격 측정 데이터를 매핑하여 사용자의 여정을 이해하는 데 도움이 됩니다. 세션 재생은 다음과 같은 문제를 해결하고 최종 사용자 경험을 개선하는 데 사용될 수 있습니다.
- JavaScript 오류 해결: 오류가 발생했을 때 사용자가 무엇을 하고 있었는지 확인하여 오류 원인을 해결합니다. 예를 들어, 최종 사용자가 전자상거래를 완료하려고 시도하는 동안 오류가 발생하는 경우 세션 재생을 사용하여 오류가 발생하기 전에 수행한 단계와 입력한 데이터를 확인할 수 있습니다. 이를 통해 문제의 근본 원인을 신속하게 파악하고 해결하는 데 도움이 됩니다.
- 사용자 경험 개선: 사용자에게 불만을 야기하는 웹 앱 영역을 발견합니다. 예를 들어 사용자가 탐색 중에 길을 잃거나 아무 작업도 수행하지 않는 버튼을 클릭하는 것을 볼 수 있습니다.
- 주요 사용자 여정의 문제 식별: 성능 문제를 일으키는 웹 앱 영역을 식별합니다. 예를 들어 세션 재생을 통해
/cart/checkout페이지에서 과도한 페이지 로드 시간이 발생하고 있는 것으로 나타나면 이 중요한 사용자 경험을 해결하는 데 우선순위를 두어야 합니다.
다음은 세션 재생이 어떻게 보이는지에 대한 예입니다.
one.newrelic.com > All capabilities [모든 기능] > Browser [브라우저] > (앱 선택) > Session replay [세션 재생]: 최종 사용자의 경험을 시각화하고 세션 추적을 통해 최종 사용자 여정의 문제를 연관시킵니다.
세션 재생 작동 방식
세션 재생은 웹 페이지가 로드될 때 최종 사용자의 DOM(Document Object Model) 스냅샷을 찍어 작동합니다. DOM은 텍스트, 이미지, 버튼 등 웹페이지의 모든 요소를 계층적으로 표현한 것입니다. 브라우저 에이전트는 라이브러리를 사용하여 사용자가 페이지와 상호 작용할 때 DOM 변경 사항을 기록합니다. 이 데이터는 New Relic의 데이터베이스에 저장되며 세션이 발생한 후 최대 8일까지 재생할 수 있습니다. 리플레이는 픽셀 단위까지 완벽하며, 오류가 발생했을 때 사용자 화면이 어떻게 보이는지 정확하게 확인할 수 있습니다.
자주하는 질문
시작하다
세션 재생 활성화 및 구성
- one.newrelic.com > All Capabilities [모든 기능] > Browser [브라우저] 로 이동합니다.
- 브라우저 앱을 선택하세요.
- 왼쪽 메뉴에서 Application settings [애플리케이션 설정 을] 클릭합니다.
- 애플리케이션 설정 페이지에서 Pro 또는 Pro + SPA 브라우저 에이전트가 선택되어 있는지 확인하세요. Lite 브라우저 에이전트에서는 세션 재생을 사용할 수 없습니다.
- Session tracking [세션 추적] 및 Session replay [세션 재생] 설정을 켜기로 전환합니다.
세션 샘플링 속도 구성
다음 샘플에 대해 샘플링 속도(0%-100%)를 설정합니다.
Session sampling rate [세션 샘플링 속도는] 모든 사용자 세션의 무작위 샘플을 기록합니다.
Errored session sample rate [오류가 발생한 세션 샘플 속도는] 오류가 발생한 모든 세션의 무작위 샘플을 기록합니다. 에이전트는 클라이언트 측에서 최대 30초 동안 버퍼링하며, 오류가 발생하면 세션이 기록됩니다. 오류가 발생하지 않으면 재생이 수집되지 않습니다.
예를 들어 세션 샘플링 비율을 50%로 설정하고 오류 샘플링 비율을 100%로 설정하면 다음을 의미합니다.
전체 사용자 세션의 절반이 녹화됩니다.
오류가 발생한 모든 세션은 50% 샘플에 속하지 않더라도 기록됩니다.
개인 정보 보호 설정 구성
New Relic은 귀하의 데이터 개인정보 보호를 중요하게 생각합니다. 기본 설정은 모든 텍스트를 별표로 바꾸어 모든 것을 마스킹합니다.
다음은 기본 개인정보 보호 설정을 사용한 리플레이의 모습에 대한 예입니다.
기본 개인 정보 보호 설정을 변경해야 하는 경우 특정 클래스와 속성을 선택하여 마스크, 차단 또는 무시할 수 있습니다.
Mask [마스크는] 특정 텍스트가 별표(*)로 대체됨을 의미합니다. 예를 들어 로그인 정보와 같은 민감한 사용자 입력을 마스킹할 수 있습니다.
Block [차단은] 콘텐츠가 빈 자리 표시자로 대체됨을 의미합니다. 예를 들어 회사 소개 웹페이지에서 재생 중인 동영상이 있는데 캡처하고 싶지 않은 경우 해당 동영상이 포함된 수업을 차단할 수 있습니다.
Ignore [무시는] 사용자 입력이 완전히 무시됨을 의미합니다. 예를 들어 사용자의 이메일 주소 및 비밀번호와 같은 민감한 정보를 무시하려는 경우 해당 필드가 포함된 요소를 무시할 수 있습니다.
팁
설정을 사용자 정의하기로 결정한 경우 항상 개인 정보 보호 팀에 문의하세요. 사용자 입력을 노출하면 민감한 데이터가 노출될 수 있습니다.
(복사/붙여넣기 배포된 에이전트의 경우) JavaScript 코드 조각을 수동으로 업데이트합니다.
복사/붙여넣기 방법을 사용하여 브라우저 에이전트를 배포한 경우 UI에서 다시 복사/붙여넣기해야 합니다. 이는 세션 재생을 활성화하면 JavaScript 코드 조각이 새 기능 플래그를 포함하도록 업데이트되기 때문입니다.
에이전트 코드를 업데이트하려면:
Application Settings [애플리케이션 설정] 페이지로 이동하여 JavaScript 코드 조각을 복사하세요.
이전 코드 조각이 있던 코드에 붙여넣으세요.
앱을 배포합니다.
New Relic에서 세션 재생 보기
UI에서는 다음 두 위치에서 세션 재생을 찾을 수 있습니다.
Session replay [세션 재생] 페이지에서:
one.newrelic.com > All Capabilities [모든 기능] > Browser [브라우저] 로 이동합니다.
브라우저 앱을 선택하세요.
왼쪽 메뉴에서 아래로 스크롤하여 Session replay [세션 재생을] 클릭합니다.
각 재생을 클릭하면 세션 세부정보를 볼 수 있습니다.
Errors inbox [오류 받은 편지함] 페이지에서:
왼쪽 브라우저 메뉴에서 Errors [오류 를] 클릭합니다.
오류에 첨부된 재생을 보려면 Triage [분류] 및 Group errors [그룹 오류] 페이지를 클릭하세요.
one.newrelic.com > All capabilities [모든 기능] > Browser [브라우저] > Errors (errors inbox) [오류(오류 받은 편지함)]: 오류가 발생하기 최대 5초 전에 대기한 재생을 보고 사용자가 페이지에서 무엇을 하고 있었는지 확인합니다.