Skip to main content

Datadog 사용자 세션 식별하기

Duduling
Duduling
Front developer

데이터독 수집 데이터 추가하기​

Datadog Logo

서론​

회사 React 기반의 프로젝트에 데이터독을 사용한지 꽤 오랜 시간이 되었는데 거의 이슈가 났을 때 몇 번 본 것 말고는 제대로 본 적이 없었다.
이번 기회에 데이터 독에 RUM에 수집되는 세션에 User ID 정보를 같이 수집하면 더 빠른 추적이 가능할 것 같아서 추가하려 했지만... 아직 한글 문서로는 데이터 독에 대한 자료가 왜 이리 없는지... 😂 그래서 자료를 찾고 찾다가 Docs에서 찾았다!! 그러면 RUM 세션에 데이터를 밀어 넣는 방법을 알아보자!! 🐱‍🏍

Datadog 설치하기​

먼저 원하는 프로젝트에 Datadog를 설치해준다. (npm이든 yarn이든 취향따라 하시면 됩니다.)

npm install @datadog/browser-rum

or

yarn add @datadog/browser-rum

Datadog 초기 세팅하기​

그리고 해당 프로젝트에 Datadog 초기 설정을 해 줍니다.

import { datadogRum } from "@datadog/browser-rum";

datadogRum.init({
  applicationId: "<DATADOG_APPLICATION_ID>",
  clientToken: "<DATADOG_CLIENT_TOKEN>",
  site: "<DATADOG_SITE>",
  //  service: 'my-web-application',
  //  env: 'production',
  //  version: '1.0.0',
  sampleRate: 100,
  trackInteractions: true,
});

Data dog 세션에 데이터 주입하기​

datadogRum.setUser({
    id: 123,
    name: 'duduling',
    ...
})

// Version이 낮으면 이 함수가 없어서 오류가 날 수 있습니다.
datadogRum.removeUser()

DataDog RUM에서 테이블 추가하기 및 추적하기​

  1. UX Monitoring -> RUM -> Sessions 에 들어가기
  2. 테이블 오른 쪽 위 Options 클릭하기
  3. @usr.<해당 키> 를 검색해서 추가해면 된다.

마무리​

이렇게 추가 된 데이터는 이제 Datadog에서 볼 수 있다. 사실 별거 아닌 내용이지만 일단 아직 한국에는 Datadog에 대한 자료가 많이 없는 것 같아서 나와 비슷한 문제를 가진 사람에게 도움이 될 것 같아 올렸다. 그리고 사실 Docs에 아주 잘 나와 있지만 처음에 키워드를 생각해내지 못해 접근을 못 한 이유가 좀 크긴 했다. 🤣

References​