앱/화면 측정

이 가이드에서는 analytics.js로 화면 이벤트 측정을 설정하는 방법을 설명합니다.

개요

Google 애널리틱스의 화면은 사용자가 앱 내에서 조회하는 콘텐츠를 나타냅니다. 웹사이트의 경우 페이지가 동등한 개념입니다. 화면 조회수를 측정하면 사용자가 가장 많이 조회하는 콘텐츠를 파악하고 사용자가 여러 콘텐츠 사이를 어떻게 이동하는지 확인할 수 있습니다.

구현

화면 조회는 send 명령어를 사용하고 screenviewhitType을 지정하여 전송할 수 있습니다. screenview 조회 유형에 대한 send 명령어의 서명은 다음과 같습니다.

ga('send', 'screenview', [fieldsObject]);

화면 필드

필드 이름 값 유형 필수 설명
screenName 텍스트 화면 이름입니다.

화면 데이터는 일반적으로 '웹'이 아닌 '앱' 유형의 Google 애널리틱스 보기로 전송됩니다. 즉 screenName 외에 최소한 appName 필드도 전송해야 합니다.

다음 표에는 앱 보기로 전송될 수 있는 앱 필드가 나와 있습니다.

필드 이름 값 유형 필수 설명
appName 텍스트 앱의 이름입니다.
appId 텍스트 아니요 앱의 ID입니다.
appVersion 텍스트 아니요 애플리케이션 버전입니다.
appInstallerId 문서 유형 아니요 애플리케이션 설치 프로그램의 ID입니다.

Google 애널리틱스의 웹 보기와 앱 보기의 차이에 대한 자세한 내용은 애널리틱스 고객센터웹 보기와 앱 보기의 차이 도움말을 참고하세요.

다음 명령어는 'myAppName' 앱과 'Home' 화면의 화면 조회수를 Google 애널리틱스로 전송합니다.

ga('send', 'screenview', {
  'appName': 'myAppName',
  'screenName': 'Home'
});

appName 필드는 모든 앱 조회수와 함께 전송해야 하므로 보통 set 명령어를 사용하여 이 필드를 설정하는 것이 가장 좋습니다.

ga('create', 'GA_MEASUREMENT_ID', 'auto');
ga('set', 'appName', 'myAppName');

// The `appName` field is now set, so
// screenview hits don't need to include it.
ga('send', 'screenview', {screenName: 'Home'});

앱 전용 또는 웹 전용 보기에 필터 사용

동일한 속성(UA-XXXXX-Y)의 웹 데이터와 앱 데이터를 전송하면 Google 애널리틱스에서 해당 속성의 보기에 두 데이터 세트를 모두 표시합니다. 따라서 앱 보기와 웹 보기를 결합할 수 있습니다.

동일한 속성의 앱 데이터와 웹 데이터를 전송하지만 앱 보기와 웹 보기를 별도로 유지하려면 필터를 만드세요. 예를 들어 통합 보기(기본값), 웹 보기, 앱 보기를 설정할 수 있습니다.

앱 보기 필터

Application?yes로 설정하여 앱 데이터만 포함하도록 맞춤 필터를 만듭니다.

Google 애널리틱스 필터 만들기 양식입니다. 필터 이름 필드는 '앱 보기'로 설정되고, '맞춤 필터' 유형이 선택되고, '포함'이 선택되고, 필터 필드 드롭다운이 '애플리케이션?'으로 설정되었습니다. 필터 패턴이 '예'로, 대소문자 구분은 '아니요'로 설정되었습니다.
그림 1: 앱 보기의 필터 설정

웹 보기 필터

Application?no로 설정하여 웹 데이터만 포함하도록 맞춤 필터를 만듭니다.

Google 애널리틱스 필터 만들기 양식입니다. 필터 이름 필드는 '웹 보기'로 설정되고, '맞춤 필터' 유형이 선택되고, '포함'이 선택되고, 필터 필드 드롭다운이 '애플리케이션?'으로 설정되었습니다. 필터 패턴이 '아니요'로, 대소문자 구분은 '아니요'로 설정되었습니다.
그림 2: 웹 보기의 필터 설정