В этом руководстве описаны шаги, необходимые для доступа к API отчетов Google Analytics версии 4.
1. Включите API
Чтобы начать использовать Analytics Reporting API v4, вам необходимо сначала использовать инструмент настройки , который поможет вам создать проект в консоли Google API, включить API и создать учетные данные.
Примечание. Чтобы создать идентификатор веб-клиента или установленного клиента приложения, вам необходимо указать название продукта на экране согласия. Если вы еще этого не сделали, вам будет предложено настроить экран согласия .Создать учетные данные
- Откройте страницу учетных данных .
- Нажмите « Создать учетные данные» и выберите идентификатор клиента OAuth.
- В качестве типа приложения выберите Веб-приложение .
- Назовите идентификатор клиента в кратком руководстве и нажмите «Создать» .
- Установите авторизованный источник JavaScript на
http://localhost:8080
- Нажмите Создать .
2. Установите образец
Вам нужно будет создать один файл с именем HelloAnalytics.html
, который будет содержать код HTML и JavaScript для нашего примера.
- Скопируйте или загрузите следующий исходный код в
HelloAnalytics.html
. - Замените
<REPLACE_WITH_CLIENT_ID>
идентификатором клиента, созданным выше. - Замените
<REPLACE_WITH_VIEW_ID>
идентификатором представления. Идентификатор представления можно получить из проводника учетных записей .
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello Analytics Reporting API V4</title> <meta name="google-signin-client_id" content="<REPLACE_WITH_CLIENT_ID>"> <meta name="google-signin-scope" content="https://www.googleapis.com/auth/analytics.readonly"> </head> <body> <h1>Hello Analytics Reporting API V4</h1> <!-- The Sign-in button. This will run `queryReports()` on success. --> <p class="g-signin2" data-onsuccess="queryReports"></p> <!-- The API response will be printed here. --> <textarea cols="80" rows="20" id="query-output"></textarea> <script> // Replace with your view ID. var VIEW_ID = '<REPLACE_WITH_VIEW_ID>'; // Query the API and print the results to the page. function queryReports() { gapi.client.request({ path: '/v4/reports:batchGet', root: 'https://analyticsreporting.googleapis.com/', method: 'POST', body: { reportRequests: [ { viewId: VIEW_ID, dateRanges: [ { startDate: '7daysAgo', endDate: 'today' } ], metrics: [ { expression: 'ga:sessions' } ] } ] } }).then(displayResults, console.error.bind(console)); } function displayResults(response) { var formattedJson = JSON.stringify(response.result, null, 2); document.getElementById('query-output').value = formattedJson; } </script> <!-- Load the JavaScript API client and Sign-in library. --> <script src="https://apis.google.com/js/client:platform.js"></script> </body> </html>
3. Запустите образец
- Опубликуйте
HelloAnalytics.html
на своем веб-сервере и загрузите страницу в браузере. - Нажмите кнопку «Войти» и авторизуйте доступ к Google Analytics.
Когда вы выполните эти шаги, в образце выводится количество сеансов за последние семь дней для данного представления.