Xin chào Analytics Reporting API phiên bản 4; JavaScript bắt đầu nhanh cho các ứng dụng web

Hướng dẫn này sẽ trình bày các bước bắt buộc để truy cập vào API Báo cáo Analytics phiên bản 4.

1. Bật API

Để bắt đầu sử dụng API Báo cáo Analytics phiên bản 4, trước tiên, bạn cần sử dụng công cụ thiết lập. Công cụ này sẽ hướng dẫn bạn tạo dự án trong Bảng điều khiển API của Google, bật API và tạo thông tin đăng nhập.

Lưu ý: Để tạo Mã ứng dụng web hoặc Ứng dụng đã cài đặt, bạn cần đặt tên sản phẩm trong màn hình đồng ý. Nếu chưa thực hiện, bạn sẽ thấy lời nhắc Định cấu hình màn hình đồng ý.

Tạo thông tin đăng nhập

  • Mở trang Thông tin xác thực.
  • Nhấp vào Tạo thông tin xác thực rồi chọn Mã ứng dụng khách OAuth
  • Đối với Application type (Loại ứng dụng), hãy chọn Web application (Ứng dụng web).
  • Đặt tên cho mã ứng dụng khách là quickstart rồi nhấp vào quickstart.
  • Đặt Nguồn gốc JavaScript được cho phép thành http://localhost:8080
  • Nhấp vào Tạo.

2. Thiết lập mẫu

Bạn cần tạo một tên tệp HelloAnalytics.html, tệp này chứa mã HTML và JavaScript làm ví dụ của chúng ta.

  • Sao chép hoặc tải xuống mã nguồn sau vào HelloAnalytics.html.
  • Thay thế <REPLACE_WITH_CLIENT_ID> bằng mã ứng dụng khách đã tạo ở trên.
  • Thay thế <REPLACE_WITH_VIEW_ID> bằng mã chế độ xem. Bạn có thể truy xuất mã chế độ xem từ Trình khám phá tài khoản.
<!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: Chạy mẫu

  • Xuất bản HelloAnalytics.html lên máy chủ web và tải trang trong trình duyệt của bạn.
  • Nhấp vào nút Đăng nhập và cho phép ứng dụng truy cập vào Google Analytics.

Khi bạn hoàn thành các bước này, mẫu sẽ xuất ra số phiên trong 7 ngày qua cho chế độ xem đã cho.