setName(SPA API)

통사론

newrelic.interaction().setName(string $name[, string $trigger])

경로 변경 또는 URL 변경이 아닌 SPA의 브라우저 상호 작용의 이름 및 트리거를 설정합니다.

요구 사항

• 브라우저 Pro+SPA 에이전트(v963 이상)

• npm을 사용하여 브라우저 에이전트를 설치하는 경우 BrowserAgent 클래스를 인스턴스화할 때 spa 기능을 활성화해야 합니다. features 배열에 다음을 추가합니다.

  import { Spa } from '@newrelic/browser-agent/features/spa';
  
  const options = {
    info: { ... },
    loader_config: { ... },
    init: { ... },
    features: [
      Spa
    ]
  }

  카피

  자세한 내용은 npm 브라우저 설치 설명서를 참조하세요.

설명

이 SPA 모니터링 방법은 브라우저 상호 작용의 이름과 트리거를 설정합니다. 이름은 BrowserInteraction 이벤트에서 browserInteractionName 속성으로 노출됩니다. UI에서 그룹화하는 데에도 사용됩니다.

기본적으로 browserInteractionName 은 연결된 URL 또는 경로의 이름을 따서 지정됩니다. 경로 변경 또는 URL 변경이 아닌 상호작용을 기록하려면 setName() 을 사용합니다.

setCurrentRouteName() 메서드는 현재 경로의 이름도 지정합니다. 둘 다 사용하는 경우:

• setName() 상호 작용의 이름 지정에 우선합니다.
• previousRouteName 및 targetRouteName 속성은 여전히 setCurrentRouteName() 에 전달된 값으로 설정됩니다.

이러한 방법을 함께 사용하면 UI에서 필터링 및 그룹화를 위한 다양한 옵션을 사용할 수 있습니다. 예를 들어 다음을 수행할 수 있습니다.

• LikeButtonClick 과 같은 특정 유형의 상호작용으로 필터링합니다.
• 그런 다음 targetRouteName 별로 그룹화하여 가장 많은 LikeButtonClick 상호작용이 있는 경로를 확인합니다.

매개변수

반환 값

이 메서드는 interaction() 에서 생성한 것과 동일한 API 객체를 반환합니다.

예

document.getElementById('subscribe').addEventListener('submit', () => {
  newrelic.interaction().setName('createSubscription');
  createSubscription();
});