데이터 스튜디오의 다양한 기능을 알아보기 전에 먼저 간단한 차트를 제작해 보겠습니다. 순서대로 따라하면 됩니다. 중간 중간 필요한 용어는 설명하겠습니다. 모든 작업은 사용자가 작업을 확정하는 순간 실시간(real-time)으로 반영됩니다.
1. GA를 갖고 있는 계정에 로그인한 뒤, 데이터 스튜디오에 접속합니다.
https://datastudio.google.com/
데이터 스튜디오에 접속한 화면
화면이 나타나면 우상단의 Blank Report를 선택합니다.
2. 연결할 데이터를 선택합니다. 다양한 종류가 있는데 우리는 구글 애널리틱스를 연동할 것이기 때문에 ‘Google Analytics’를 선택합니다.
3. 리포트 소스로 사용할 뷰를 선택할 차례입니다. 저는 ‘전체 웹사이트 데이터’를 선택했습니다. 선택후 ‘Add’를 눌러 추가합니다.
4. 연결이 잘되면 빈 리포트 화면(Untitled Report)라는 이름의 캔버스(Canvas)과 함께 샘플 데이터 테이블이 나타납니다. 맨 처음 셋팅은 차트를 수정할 수 있는 편집(edit) 모드입니다. 우상단의 보기(view) 버튼을 누르면 수정은 할수 없고 보기만 가능한 보기 모드로 바뀝니다. 차트 제작은 편집(edit)모드에서 진행합니다.
5. 방문자(user)와 페이지뷰(page view)의 추이를 나타내는 시계열 차트를 그려보겠습니다. 앞선 샘플 테이블 차트는 삭제하겠습니다. 차트 선택한 뒤 오른쪽 마우스를 눌러 ‘Delete’를 선택하거나 키보드의 Delete키를 눌러 삭제합니다. 삭제 했다면 상단의 ‘Add chart’를 눌러 시계열 그래프(time series)를 선택해 봅시다.
6 그러면 샘플 시계열 차트가 그려집니다.
7. 방문자(user)와 페이지뷰(page view) 시계열 차트를 그리고 싶습니다. 오른쪽에서 Metric 에서 에서 ‘+add metric’버튼을 눌러 Metric을 추가한 후 ‘user’를 찾아 클릭합니다. 마찬가지로 다시 ‘+add metric’ 버튼을 눌러 ‘pageviews’를 찾아 클릭해서 추가합니다.
간단한 절차로 쉽게 방문자수(user)와 페이지뷰(pageviews) 그래프가 만들어졌습니다.
8. 시계열 차트를 컨트롤 할 수 있는 날짜 선택바를 만들어보겠습니다. 상단 메뉴에서 ‘Add a control’을 눌러 ‘Date range control’을 선택합니다.
9. 그래프 우상단 처럼 날짜선택 바가 만들어졌습니다.
기본으로 ‘방문자, 페이지뷰 차트’와 연결(그룹핑)될테지만 확실하게 하기 위해 시계열 그래프와 날짜 선택 바를 클릭해서 동시에 선택하고 오른쪽 마우스를 눌러 ‘Group’을 눌러서 그룹핑 합니다. 이렇게 하면 날짜 선택에 따라 차트의 데이터가 유기적으로 변경됩니다.
10. 마지막으로 왼쪽 상단의 Untitle Report를 클릭해서 이름을 ‘Data Chef Dash Board’로 변경합니다.
완성된 방문자, 페이지뷰 시계열 차트
단지 몇번의 클릭 만으로, 데이터 셰프 웹사이트와 연동되어 있는 구글 애널리틱스의 방문자와 페이지뷰를 표현하는 시계열 차트가 완성 되었습니다.
데이터 스튜디오의 다양한 기능을 알아보기 전에 먼저 간단한 차트를 제작해 보겠습니다. 순서대로 따라하면 됩니다. 중간 중간 필요한 용어는 설명하겠습니다. 모든 작업은 사용자가 작업을 확정하는 순간 실시간(real-time)으로 반영됩니다.
1. GA를 갖고 있는 계정에 로그인한 뒤, 데이터 스튜디오에 접속합니다.
https://datastudio.google.com/
데이터 스튜디오에 접속한 화면
화면이 나타나면 우상단의 Blank Report를 선택합니다.
2. 연결할 데이터를 선택합니다. 다양한 종류가 있는데 우리는 구글 애널리틱스를 연동할 것이기 때문에 ‘Google Analytics’를 선택합니다.
3. 리포트 소스로 사용할 뷰를 선택할 차례입니다. 저는 ‘전체 웹사이트 데이터’를 선택했습니다. 선택후 ‘Add’를 눌러 추가합니다.
4. 연결이 잘되면 빈 리포트 화면(Untitled Report)라는 이름의 캔버스(Canvas)과 함께 샘플 데이터 테이블이 나타납니다. 맨 처음 셋팅은 차트를 수정할 수 있는 편집(edit) 모드입니다. 우상단의 보기(view) 버튼을 누르면 수정은 할수 없고 보기만 가능한 보기 모드로 바뀝니다. 차트 제작은 편집(edit)모드에서 진행합니다.
5. 방문자(user)와 페이지뷰(page view)의 추이를 나타내는 시계열 차트를 그려보겠습니다. 앞선 샘플 테이블 차트는 삭제하겠습니다. 차트 선택한 뒤 오른쪽 마우스를 눌러 ‘Delete’를 선택하거나 키보드의 Delete키를 눌러 삭제합니다. 삭제 했다면 상단의 ‘Add chart’를 눌러 시계열 그래프(time series)를 선택해 봅시다.
6 그러면 샘플 시계열 차트가 그려집니다.
7. 방문자(user)와 페이지뷰(page view) 시계열 차트를 그리고 싶습니다. 오른쪽에서 Metric 에서 에서 ‘+add metric’버튼을 눌러 Metric을 추가한 후 ‘user’를 찾아 클릭합니다. 마찬가지로 다시 ‘+add metric’ 버튼을 눌러 ‘pageviews’를 찾아 클릭해서 추가합니다.
간단한 절차로 쉽게 방문자수(user)와 페이지뷰(pageviews) 그래프가 만들어졌습니다.
8. 시계열 차트를 컨트롤 할 수 있는 날짜 선택바를 만들어보겠습니다. 상단 메뉴에서 ‘Add a control’을 눌러 ‘Date range control’을 선택합니다.
9. 그래프 우상단 처럼 날짜선택 바가 만들어졌습니다.
기본으로 ‘방문자, 페이지뷰 차트’와 연결(그룹핑)될테지만 확실하게 하기 위해 시계열 그래프와 날짜 선택 바를 클릭해서 동시에 선택하고 오른쪽 마우스를 눌러 ‘Group’을 눌러서 그룹핑 합니다. 이렇게 하면 날짜 선택에 따라 차트의 데이터가 유기적으로 변경됩니다.
10. 마지막으로 왼쪽 상단의 Untitle Report를 클릭해서 이름을 ‘Data Chef Dash Board’로 변경합니다.
완성된 방문자, 페이지뷰 시계열 차트
단지 몇번의 클릭 만으로, 데이터 셰프 웹사이트와 연동되어 있는 구글 애널리틱스의 방문자와 페이지뷰를 표현하는 시계열 차트가 완성 되었습니다.