Question

我有一个新闻网站，我必须使用谷歌分析跟踪的数据显示“当天访问量最多的五大新闻”，但我还没有成功实现。我发现的每个代码示例都显示了一个弹出登录，好像他的谷歌帐户与分析中的数据相关联，但显然情况并非如此。我正在尝试使用JS，就像这样

<script src="https://apis.google.com/js/client:platform.js"></script>

...



<script>
    function start() {
      // 2. Initialize the JavaScript client library.
      gapi.client.load('analytics', 'v3').then(function() {
        gapi.client.init({
          'apiKey': 'SOME_API_KEY',
          'clientId': 'SOME_CLIENT_ID',
          'scope': 'https://www.googleapis.com/auth/analytics.readonly',
        }).then(function() {
            return gapi.client.analytics.data.ga.get({
              'ids': 'ga:' + "SOME_ID",
              'start-date': 'yesterday',
              'end-date': 'today',
              'metrics': 'ga:pageviews',
              'dimensions': 'ga:pagetitle',
              'max-results': '5',
              'sort': '-ga:pageviews,-ga:date'
            });
        }).then(function(response) {
          console.log(response  );
        }, function(reason) {
          console.log(reason)
          console.log('Error: ' + reason.result.error.message);
        });
      });
    };
    gapi.load('client', start);
</script>

我收到了这个回复：

{result: {…}, body: "{↵  "error": {↵    "code": 401,↵    "message": "Re…project.",↵    "status": "UNAUTHENTICATED"↵  }↵}↵", headers: {…}, status: 401, statusText: null}
body
:
"{↵  "error": {↵    "code": 401,↵    "message": "Request is missing required authentication credential. Expected OAuth 2 access token, login cookie or other valid authentication credential. See https://developers.google.com/identity/sign-in/web/devconsole-project.",↵    "status": "UNAUTHENTICATED"↵  }↵}↵"

我错过了什么？

Answer 1

我不确定您是否能够使用NodeJS。但是，如果您使用google-oauth-jwt库或googleapis库。有关使用NodeJS的googleapis的示例教程，请参阅this link。

您需要使用服务帐户中的密钥，因此您需要创建服务帐户。您可以使用googleapis.auth.JWT登录访问令牌，需要您的serviceaccount电子邮件地址，私钥和范围['https://www.googleapis.com/auth/analytics.readonly']

我将向您展示我的项目中的一些示例代码：

Googleapis库NodeJS（我正在使用express，我在路由中使用了一个承诺来获取密钥和google api数据）

var jwtClient = new google.auth.JWT(
            '[your serviceaccount@emailaddress]',  
            path.join(__dirname, '../.', '/files/KEY.json'),//path to your json key file]
            null,
            ['https://www.googleapis.com/auth/analytics.readonly'] //scope
        );

        jwtClient.authorize(function (err, tokens) {
            console.log('jwtClient.authorize() started');

            //console.log(tokens);
            if (err) {
                console.log('error in authorization:' + err);
                return;
            } else {
                console.log('authorization success!');
                console.log(tokens);
                return tokens;
            }
        });



var VIEW_ID = 'ga:[yourviewid]';
    analytics.data.ga.get({
        'auth': jwtClient,
        'ids': VIEW_ID,
        'metrics': 'ga:uniquePageviews',
        'dimensions': 'ga:pagePath',
        'start-date': 'today',
        'end-date': 'today',
        'sort': '-ga:uniquePageviews',
        'max-results': 5,

    }, function (err, response) {
        if (err) {
            console.log(err);
            return;
        }
        //console.log(JSON.stringify(response, null, 4));
        return JSON.stringify(response, null, 4);
    });

路由示例和Google-oauth-jwt库

var express = require('express');
var router = express.Router();
var googleAuth = require('google-oauth-jwt');

router.get('/login', function(req, res, next) {
      googleAuth.authenticate({
        email: 'yourserviceaccount@project.iam.gserviceaccount.com',
        // use the PEM file we generated from the downloaded key
        key: "-----BEGIN PRIVATE KEY-----\nMII [your big ass private key which can be obtained by using a file too.-----END PRIVATE KEY-----\n",
        // specify the scopes you wish to access
        scopes: ['https://www.googleapis.com/auth/analytics.readonly']
        }, function (err, token) {
          res.json({token: token});
      });
    });

Answer 2

您可以使用客户端代码规避登录。最简单的解决方法是在Google Data Studio中创建表格，然后将其嵌入您的网站。

无需登录即可使用GAPI获取Google Analytics数据

2 个答案: