Introduzione all'API Analytics Reporting v4; guida rapida di JavaScript per le applicazioni web

Questo tutorial illustra i passaggi necessari per accedere alla versione 4 dell'API Analytics Reporting.

1. Abilita l'API

Per iniziare a utilizzare l'API Analytics Reporting v4, devi prima utilizzare lo strumento di configurazione, che ti guiderà nella creazione di un progetto nella console API di Google, nell'abilitazione dell'API e nella creazione delle credenziali.

Nota: per creare un ID client web o un client applicazione installata, devi impostare un nome di prodotto nella schermata di consenso. Se non lo hai già fatto, ti verrà chiesto di configurare la schermata per il consenso.

Crea credenziali

  • Apri la pagina Credenziali.
  • Fai clic su Crea credenziali e seleziona ID client OAuth
  • Come Tipo di applicazione, seleziona Applicazione web.
  • Assegna all'ID client il nome quickstart e fai clic su Crea.
  • Imposta Origini JavaScript autorizzate su http://localhost:8080
  • Fai clic su Crea.

2. Configura l'anteprima

Devi creare un nome file HelloAnalytics.html, che conterrà il codice HTML e JavaScript del nostro esempio.

  • Copia o scarica il seguente codice sorgente in HelloAnalytics.html.
  • Sostituisci <REPLACE_WITH_CLIENT_ID> con l'ID client creato in precedenza.
  • Sostituisci <REPLACE_WITH_VIEW_ID> con un ID vista. È possibile recuperare un ID vista da Esplora account.
<!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: esegui l'esempio

  • Pubblica HelloAnalytics.html sul tuo server web e carica la pagina nel browser.
  • Fai clic sul pulsante Accedi e autorizza l'accesso a Google Analytics.

Al termine di questi passaggi, il campione restituisce il numero di sessioni degli ultimi sette giorni per la vista in questione.