नमस्ते Analytics Reporting API v4; वेब ऐप्लिकेशन के लिए JavaScript क्विकस्टार्ट

इस ट्यूटोरियल में, Analytics Reporting API v4 को ऐक्सेस करने के ज़रूरी चरणों के बारे में बताया गया है.

1. एपीआई चालू करें

Analytics Reporting API v4 का इस्तेमाल शुरू करने के लिए, सबसे पहले सेटअप टूल का इस्तेमाल करना होगा. इससे आपको Google API कंसोल में प्रोजेक्ट बनाने, एपीआई को चालू करने, और क्रेडेंशियल बनाने के बारे में जानकारी मिलेगी.

ध्यान दें: वेब क्लाइंट आईडी या इंस्टॉल किया गया ऐप्लिकेशन क्लाइंट बनाने के लिए, आपको सहमति वाली स्क्रीन में प्रॉडक्ट का नाम सेट करना होगा. अगर आपने अब तक ऐसा नहीं किया है, तो आपको सहमति वाली स्क्रीन कॉन्फ़िगर करें के लिए कहा जाएगा.

क्रेडेंशियल बनाएं

  • क्रेडेंशियल पेज खोलें.
  • क्रेडेंशियल बनाएं पर क्लिक करें और OAuth क्लाइंट आईडी चुनें
  • ऐप्लिकेशन के टाइप के लिए वेब ऐप्लिकेशन चुनें.
  • क्लाइंट आईडी को quickstart नाम दें और quickstart पर क्लिक करें.
  • अनुमति वाले JavaScript ऑरिजिन को http://localhost:8080 पर सेट करें
  • बनाएं पर क्लिक करें.

2. सैंपल सेटअप करें

आपको एक फ़ाइल नाम HelloAnalytics.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 को ऐक्सेस करने की अनुमति दें.

जब इन चरणों को पूरा किया जाता है, तो सैंपल, दिए गए व्यू के लिए पिछले सात दिनों के सेशन की संख्या दिखाता है.