Question

我已使用this question中提供的代码来访问Google Analytics Embed API。我希望从我的网站显示统计信息，而无需具有正确权限的用户登录（因此无需登录屏幕）。

出于这个原因，我创建了一个服务帐户并保存了p12文件。但是，以下代码显示空页。

<!DOCTYPE html>
<html>
<head>
  <title>Embed API Demo</title>
</head>
<body>

<section id="timeline"></section>

<script>
(function(w,d,s,g,js,fjs){
  g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(cb){this.q.push(cb)}};
  js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
  js.src='https://apis.google.com/js/platform.js';
  fjs.parentNode.insertBefore(js,fjs);js.onload=function(){g.load('analytics')};
}(window,document,'script'));
</script>

<script>
gapi.analytics.ready(function() {

  var IDS = 'ga:XXXX'; // I've hidden my personal ID for security purposes
  var ACCESS_TOKEN = 'key.p12'; // obtained from your service account

  gapi.analytics.auth.authorize({
    serverAuth: {
      access_token: ACCESS_TOKEN
    }
  });

  var timeline = new gapi.analytics.googleCharts.DataChart({
    reportType: 'ga',
    query: {
      'ids': IDS,
      'dimensions': 'ga:date',
      'metrics': 'ga:sessions',
      'start-date': '30daysAgo',
      'end-date': 'yesterday',
    },
    chart: {
      type: 'LINE',
      container: 'timeline'
    }
  }).execute();

});
</script>
</body>
</html>

也许Access Token不应该是p12文件？但如果是这样，应该是什么？我真的迷路了。

Answer 1

您绝对可以使用Embed API的服务帐户。诀窍是从.p12文件中获取访问令牌，但是一旦有了有效的访问令牌，您的代码就可以正常工作。

我自己刚验证了这一点。以下是我采取的步骤：

我创建了一个服务帐户，然后按照google-oauth-jwt node module文档页面上列出的步骤获取访问令牌。（如果您不使用Node.js，只需在谷歌搜索其他语言的工作方式，this devguide描述了PHP的流程。）

我使用以下命令将.p12文件转换为.pem文件（需要使用Node）：

openssl pkcs12 -in downloaded-key-file.p12 -out your-key-file.pem -nodes

我运行了以下Node程序，以从.pem文件中获取访问令牌：

var googleAuth = require('google-oauth-jwt');
var authOptions = {
  email: 'my-service-account@developer.gserviceaccount.com',
  keyFile: './key.pem',
  scopes: ['https://www.googleapis.com/auth/analytics']
};

googleAuth.authenticate(authOptions, function (err, token) {
  console.log(token);
});

一旦我获得了访问令牌，我只需将其替换为您在问题中的代码，启动本地服务器，一切正常。

Google Analytics嵌入API：如何检索访问令牌？

1 个答案: