হ্যালো অ্যানালিটিক্স রিপোর্টিং API v4; ওয়েব অ্যাপ্লিকেশনের জন্য জাভাস্ক্রিপ্ট কুইকস্টার্ট

এই টিউটোরিয়ালটি অ্যানালিটিক্স রিপোর্টিং API v4 অ্যাক্সেস করার জন্য প্রয়োজনীয় পদক্ষেপের মধ্য দিয়ে চলে।

1. API সক্রিয় করুন

অ্যানালিটিক্স রিপোর্টিং API v4 ব্যবহার করা শুরু করতে, আপনাকে প্রথমে সেটআপ টুল ব্যবহার করতে হবে, যা আপনাকে Google API কনসোলে একটি প্রকল্প তৈরি, API সক্ষম করা এবং শংসাপত্র তৈরি করার মাধ্যমে গাইড করে৷

দ্রষ্টব্য: একটি ওয়েব ক্লায়েন্ট আইডি বা একটি ইনস্টল করা অ্যাপ্লিকেশন ক্লায়েন্ট তৈরি করতে, আপনাকে সম্মতি স্ক্রিনে একটি পণ্যের নাম সেট করতে হবে। যদি আপনি ইতিমধ্যে তা না করে থাকেন তাহলে আপনাকে কনসেন্ট স্ক্রীন কনফিগার করতে বলা হবে।

শংসাপত্র তৈরি করুন

  • শংসাপত্র পৃষ্ঠা খুলুন.
  • ক্রেডেনশিয়াল তৈরি করুন ক্লিক করুন এবং OAuth ক্লায়েন্ট আইডি নির্বাচন করুন
  • অ্যাপ্লিকেশন প্রকারের জন্য ওয়েব অ্যাপ্লিকেশন নির্বাচন করুন।
  • ক্লায়েন্ট আইডির নাম দিন কুইকস্টার্ট এবং তৈরি করুন ক্লিক করুন।
  • অনুমোদিত জাভাস্ক্রিপ্টের উৎস http://localhost:8080 এ সেট করুন
  • তৈরি করুন ক্লিক করুন।

2. নমুনা সেটআপ করুন

আপনাকে HelloAnalytics.html নামের একটি ফাইল তৈরি করতে হবে, যাতে আমাদের উদাহরণের জন্য 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-এ অ্যাক্সেস অনুমোদন করুন।

আপনি যখন এই ধাপগুলি শেষ করেন, নমুনাটি প্রদত্ত দৃশ্যের জন্য গত সাত দিনের সেশনের সংখ্যা বের করে।