Halo Analytics Reporting API v4; Panduan memulai JavaScript untuk aplikasi web

Tutorial ini membahas langkah-langkah yang diperlukan untuk mengakses Analytics Reporting API v4.

1. Mengaktifkan API

Untuk mulai menggunakan Analytics Reporting API v4, Anda harus menggunakan alat penyiapan terlebih dahulu, yang memandu Anda menyelesaikan pembuatan project di Konsol API Google, mengaktifkan API, dan membuat kredensial.

Catatan: Untuk membuat Client ID Web atau Klien Aplikasi yang Diinstal, Anda perlu menetapkan nama produk di layar izin. Jika belum melakukannya, Anda akan diminta untuk Mengonfigurasi layar izin.

Buat kredensial

  • Buka halaman Credentials.
  • Klik Create credentials, lalu pilih OAuth client ID
  • Untuk Jenis aplikasi, pilih Aplikasi web.
  • Beri nama client ID quickstart, lalu klik Create.
  • Setel Asal JavaScript yang sah ke http://localhost:8080
  • Klik Create.

2. Menyiapkan contoh

Anda harus membuat satu nama file HelloAnalytics.html, yang akan berisi kode HTML dan JavaScript untuk contoh kami.

  • Salin atau download kode sumber berikut ke HelloAnalytics.html.
  • Ganti <REPLACE_WITH_CLIENT_ID> dengan client ID yang dibuat di atas.
  • Mengganti <REPLACE_WITH_VIEW_ID> dengan ID tampilan. ID tampilan dapat diambil dari Account Explorer.
<!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: Menjalankan contoh

  • Publikasikan HelloAnalytics.html ke server web Anda dan muat halaman di browser Anda.
  • Klik tombol Login, dan izinkan akses ke Google Analytics.

Setelah Anda menyelesaikan langkah-langkah ini, contoh ini menampilkan jumlah sesi selama tujuh hari terakhir untuk tampilan tertentu.