Weniv Analytics

DAU0

WAU0

MAU0

~

위니브 애널리틱스 도움말

새로운 서비스 대시보드 추가하기

1. 상수 추가하기

/src/constants/constants.ts 파일에 새로운 서비스를 추가합니다.

export const WENIV_SERVICE = {
  // 기존 서비스들...
  
  // 새로운 서비스 추가
  newservice: {
    name: '새 서비스 이름',
    color: '#색상코드',
    projectId: 'Google Analytics 프로젝트 ID',
  },
};

2. 라우트 생성하기

/src/app/view/ 디렉토리에 새로운 폴더를 생성합니다.

/src/app/view/newservice/
  └── page.tsx

page.tsx 파일 내용

'use client';
import Dashboard from '@components/dashboard/Dashboard';
import useData from '@utils/useData';

export default function NewServicePage() {
  const data = useData('newservice');
  return <Dashboard data={data} title="새 서비스 이름" page="newservice" />;
}

3. 네비게이션 확인

서비스를 추가하면 자동으로

  • - 사이드바에 새로운 서비스가 표시됩니다
  • - 최근 7일 활성 사용자 수와 차트가 표시됩니다
  • - 클릭 시 해당 서비스의 대시보드로 이동합니다

4. 데이터 설정

Google Analytics에서

  1. 1. 새로운 프로젝트 생성 또는 기존 프로젝트 사용
  2. 2. 프로젝트 ID 확인
  3. 3. 필요한 권한 설정

주의사항

  • color는 서비스를 대표하는 색상입니다 (차트, 하이라이트 등에 사용)
  • projectId는 실제 Google Analytics 프로젝트 ID여야 합니다
  • 서비스 키(예: newservice)는 URL 경로에 사용되므로 소문자와 하이픈만 사용하세요

문제 해결

  • 데이터가 표시되지 않는 경우: Google Analytics 권한 확인
  • 서비스가 목록에 없는 경우: 상수 파일이 제대로 저장되었는지 확인
  • 페이지 오류: 라우트 폴더명과 상수의 키가 일치하는지 확인