앞서 작성했던 글과 마찬가지로 구글에서 제공하는 Analytics API 예제(v3)를 사용해 쿼리를 작성하는 방법을 적어보려한다.

API로 원하는 값을 얻기 위해서는 계정 연동 이후, 쿼리를 정확히 보내야 한다.


쿼리를 무작정 만들어 보내는 것 보다 구글에서 계정 ID를 확인 하기에 유용했던 사이트 처럼 쿼리의 결과값을 확인하기에 좋은 사이트가 존재한다.

https://ga-dev-tools.appspot.com/query-explorer/


페이지를 가면 해당 화면을 확인 할 수 있다.

다만 조건은 현재 입력해 놓은 것이므로 다를 수 있는데, 쿼리에 보낼 ids는 위에 select a view 부분에서 사이트를 찾으면 변경 가능하다.

start-date와 end-date는 today, NdaysAgo와 같은 형식으로 사용 할 수 있으며, 정확한 날짜 입력을 원할 경우 YYYY-MM-DD형식으로 입력이 가능하다.


날짜 아래의 parameter들은 텍스트 박스를 누르면 셀렉트 박스처럼 변수들이 보이게 되는데, 여기서 원하는 변수를 골라 클릭하면 된다.

변수에 대한 설명은 아래 사이트에서 상세히 확인할 수 있다.

(사실 설명을 읽어도 바로 이해하기가 어려운 부분이 있어서 궁금하면 한 번 적용해보는게 확인이 더 빠른 것 같다.)

https://developers.google.com/analytics/devguides/reporting/core/dimsmets


그리고 Run Query라고 적힌 파란색 버튼을 누르면 화면 하단에 결과값이 확인된다.

구글로 보내진 쿼리와 쿼리로 받아온 결과값을 확인할 수 있다.



실제 예제에 쿼리를 작성하는 방법은 위의 화면으로 확인한 결과가 원하는 결과를 준다면 실제 예제에서 아래와 같이 적용할 수 있다.



날짜의 경우 차이가 있지만 '7daysAgo'대신 '2017-02-08'과 같이 값을 바꿔 넣으면 된다.

다면 sort에서 확인할 수 있듯이 문자입력시 이스케이프 문자를 넣어 '\문자'를 입력해주어야하는 것일 잊지 말자.

Google Analytics API를 사용하면서 가장 기초적으로 필요한 내용이 다양한 사이트 중 내가 원하는 사이트의 통계를 가져오는 것이다.

사이트를 하나만 관리할 경우 한 사이트의 통계만 가져오면 되므로 신경을 쓰지 않아도 되지만, 그렇지 않을 경우 원하는 사이트의 통계를 가져와서 확인을 해야한다.


제일 먼저 해야 할 일은 각 사이트의 VIEW ID를 가져오는 것이다.

VIEW ID의 경우 추적 ID와는 다르며, 숫자로만 이루어져있다.

https://ga-dev-tools.appspot.com/account-explorer/


위에 연결된 URL로 들어가면 다음과 같은 화면을 확인 할 수 있다.

Account, Property, View 세가지 셀렉트 박스가 있는데 원하는 사이트를 선택하면 아래에

Account, Property (Tracking ID), View, Table ID (ids)를 확인 할 수 있다.


여기서 기존에 제공되는 예제에서 변형하여 사용하기 위해서 필요한 것은 세번째에 있는 View에 있는 숫자로 된 ID이다.


예제 소스 중


해당 부분을 찾았으면 위의 View 값을 대체해서 넣으면 된다.

126번째 라인에 firstProfiledId에 보면 response에 첫번째 아이템의 아이디를 가져오도록 되어있다.

이 부분에 확인할 사이트의 View를 넣고 실행을 실행을 시키면 원하는 사이트의 통계가 나오는 것을 확인할 수 있다.


위의 예제대로 실행을 할 경우

예제를 확인하면 ID가 6066으로 끝나는 것을 확인 할 수 있다.

다른 사이트를 확인하기 위해 다른 사이트의 아이디를 넣으면


끝자리가 4766으로 끝나느 것을 확인 할 수 있다. 그리고 결과 값으로 나온 세션의 값도 달라진 것을 확인할 수 있다.


*) 개인적으로 다양한 사이트를 활용해서 사용할 경우 사이트 마다 매칭되는 각 변수를 만들어 변수에 화면의 View 값을 하나씩 넣어두고, 조건에 따라 넣어 사용하도록 하는 방식이 제일 유용하게 활용할 수 있는 방식이라 생각한다.

한 3일동안 아래 이미지로 보이는 오류로 인해 예제가 계속 되지 않았다.

https://developers.google.com/analytics/devguides/reporting/core/v3/quickstart/web-js

위의 URL로 들어가면 알겠지만 version 3 예제를 이용해보았다.


*) 현재는 version 4로 예제를 만들어보는 중이다. version 4 는 아래 URL로 확인할 수 있다.

https://developers.google.com/analytics/devguides/reporting/core/v4/quickstart/web-js



- Get https://~ 400 ()

- Refused to display '~' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.



오류 내용을 찾기 위해 가장 먼저 확인했던 내용은 Client ID가 잘못되지 않았는지 확인하는 것이었다.

다른 종류의 API ID가 존재해서 혹시나 잘못된 것을 넣지 않았는지 확인했으나, 제대로 된 ID 값이 들어간 것을 확인 할 수 있었다.


다시 API Key 값을 만드는 것부터 확인하면서 찾아본 결과




위의 화면 중 리디렉션 URI에 표시한 부분에서 문제가 생겼었다.

저 URI가 내 프로젝트의 경로를 적는다고 생각을 하고, 프로젝트 경로(프로젝트 명)가 들어가 있었다.

다시 위와 같은 URI로 수정을 하고나니 아래와 같이 예제가 보이는 것을 확인 할 수 있었다.


이런 실수를 줄이기 위해 더 꼼꼼히 읽으면서 해봐야겠다.


구글 API는 한글로 된 설명이 적을 뿐더러 Analytics API를 활용한 한글 설명을 찾기가 힘들어 아쉽다.

조만간 API 사용 방법을 정리해서 올려야겠다.


+ Recent posts