Merhaba 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 kurulum aracını kullanmanız gerekir. Bu araç, Google API Konsolu'nda proje oluşturma, API'yi etkinleştirme ve kimlik bilgileri oluşturma konusunda size rehberlik eder.

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

Kimlik bilgileri oluştur

  • Credentials (Kimlik Bilgileri) sayfasını açın.
  • Kimlik bilgisi 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 hızlı başlangıç olarak adlandırın ve Oluştur'u tıklayın.
  • Yetkili JavaScript kaynaklarını http://localhost:8080 olarak ayarlayın
  • Oluştur'u tıklayın.

2. Örneği ayarlama

Bir dosya adı (HelloAnalytics.html) oluşturmanız gerekir. Bu dosya, örneğimizde HTML ve JavaScript kodunu içerecektir.

  • Aşağıdaki kaynak kodunu kopyalayın veya HelloAnalytics.html adresine indirin.
  • <REPLACE_WITH_CLIENT_ID> kısmını yukarıda oluşturulan istemci kimliğinizle değiştirin.
  • <REPLACE_WITH_VIEW_ID> öğesini bir görünüm kimliğiyle değiştirin. 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ırın

  • HelloAnalytics.html öğesini web sunucunuzda yayınlayın ve tarayıcınıza yükleyin.
  • Oturum aç düğmesini tıklayın ve Google Analytics erişimi için yetki verin.

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