从 Google RealTime API (GA4) 获取当前活跃用户数

Question

我正在尝试统计当前浏览我网站的人数。随着 Google Analytics 即将从 UA 切换到 GA4，我认为最好使用 GA4，但文档——尤其是 API 的文档——非常薄弱。我相信我需要查询 Realtime API，但我在整理请求时遇到了问题。现在我停留在授权步骤上，但我不确定它首先是否有意义。我在 Google Analytics 中创建了一个服务帐户。

这是我目前拥有的，从各种来源拼凑而成，目前给我一个 401 错误：

<div id="active-users"></div>
<script src="https://apis.google.com/js/client.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<meta name="google-signin-client_id" content="{SERVICE_CLIENT_ID}.apps.googleusercontent.com">

<script>
  // Load the Google Analytics API client library
  gapi.load('client', function () {
    gapi.client.init({
      client_id: '{SERVICE_CLIENT_ID}',
      apiKey: '{API_KEY}'
    }).then(function () {
      gapi.client.request({
        path: '/v1/data/realtime:get',
        params: {
          ids: 'GA4:{PROPERTY_ID}',
          metrics: 'rt:activeUsers'
        }
      }).then(function (response) {
        var activeUsers = response.result.totalsForAllResults['rt:activeUsers'];
        document.getElementById('active-users').innerHTML = 'Active users: ' + activeUsers;
      });
    });
  });
</script>

编辑： 我正在尝试遵循 this documentation，这似乎是相关的，但我找不到任何关于如何将其翻译成客户端库的信息

Answer 1

这是一个工作示例：https://polydactyl-plain-seatbelt.glitch.me/

一些注意事项：

1. 关于实时API方法本身的详细信息
2. 有关Google JS API客户端的详细信息
3. 由于它是公共代码源，因此无法使用 JS API 客户端的服务帐户授权。相反，您需要创建 OAuth 客户端 ID。