Hello Analytics Reporting API v4; Web uygulamaları için JavaScript hızlı başlangıç kılavuzu

Bu eğitimde, Analytics Reporting API v4'e erişmek için gereken adımlar açıklanmaktadır.

1. API'yi etkinleştirme

Analytics Reporting API v4'ü kullanmaya başlamak için önce Google API Konsolu'nda proje oluşturma, API'yi etkinleştirme ve kimlik bilgileri oluşturma konusunda size yol gösterecek olan kurulum aracını kullanmanız gerekir.

Not: Web İstemci Kimliği veya Yüklü Uygulama İstemcisi oluşturmak için izin ekranında bir ürün adı belirlemeniz gerekir. Henüz yapmadıysanız İzin ekranını yapılandırma yapmanız istenir.

Kimlik bilgileri oluştur

  • Credentials (Kimlik Bilgileri) sayfasını açın.
  • Kimlik bilgileri oluştur'u tıklayın ve OAuth istemci kimliği'ni seçin.
  • Uygulama türü için Web uygulaması'nı seçin.
  • İstemci kimliğini quickstart olarak adlandırın ve quickstart'u tıklayın.
  • Yetkili JavaScript kaynakları'nı http://localhost:8080 olarak ayarlayın.
  • Create'i (Oluştur) tıklayın.

2. Örneği oluşturun

Örneğimizdeki HTML ve JavaScript kodunu içeren HelloAnalytics.html adlı bir dosya oluşturmanız gerekir.

  • Aşağıdaki kaynak kodunu HelloAnalytics.html hizmetine kopyalayın veya indirin.
  • <REPLACE_WITH_CLIENT_ID> kısmını yukarıda oluşturduğunuz müşteri kimliği ile değiştirin.
  • <REPLACE_WITH_VIEW_ID> yerine bir görünüm kimliği yazın. Görünüm kimliği Hesap Gezgini'nden alınabilir.
<!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: Örneği çalıştırma

  • HelloAnalytics.html öğesini web sunucunuzda yayınlayın ve tarayıcınızda sayfayı yükleyin.
  • Oturum aç düğmesini tıklayın ve Google Analytics'e erişim yetkisi verin.

Bu adımları tamamladığınızda, örnek, belirtilen görünüm için son yedi gündeki oturum sayısını verir.