Google 分析嵌入 API - report.Data 问题

Google Analtyics Embed API - report.Data Issue

抱歉新手问题。我掌握了一些基本的 JS,并且已经成功地使用 Embed API 创建了几个小项目,但我对这看起来很小的事情很感兴趣。希望你们中的一位更聪明的人可以帮助我。

我会尽量保持简短。

我正在创建一个页面,目前我打算只显示一个数字 - 确切地说是昨天的综合浏览量。就像我说的,我用 Embed API 完成了一些小项目,它们都进展顺利。然而,我迄今为止的所有项目都涉及图表,因此也涉及 DataChart 组件。我现在遇到的困难是让数据组件按我想要的方式工作。

我从 Embed API Basic Dashboard 示例 (https://ga-dev-tools.appspot.com/embed-api/basic-dashboard/) 入手,并毫无问题地实施了它。从那个例子中,我希望通过黑客手段实现我既定的目标——简单地在页面上显示昨天的综合浏览量——只是我不太清楚该怎么做。

我了解如何使用 API 的基础知识,这是 100% 由于 ga-dev-tools-appsopt.com 和 developers.google 上编写良好的文档。 com/analytics/devguides/reporting/embed/v1/.我认为我的问题更多是我缺乏 JS 技能。我听说我可能需要使用 JS Promises 来完成这项工作,但我仍在思考这个概念。

没有嵌入 API 加载脚本,这是我拥有的:

gapi.analytics.ready(function() {

  gapi.analytics.auth.authorize({
    container: 'embed-api-auth-container',
    clientid: 'MY CLIENT ID IS HERE',
  });

  var viewSelector = new gapi.analytics.ViewSelector({
    container: 'view-selector-container'
  });

  viewSelector.execute();

  var data = new gapi.analytics.report.Data({
    query: {
      metrics: 'ga:pageviews',
      'start-date': 'yesterday',
      'end-date': 'yesterday'
    }
  });

  viewSelector.on('change', function(ids) {
    data.set({query: {ids: ids}}).execute();
  });

});

我知道我的代码全错了 - 我只是不确定我知道从这里到哪里去。我想象一旦我将数据放在变量中,就可以使用 innerHTML.replace 简单地替换页面上的现有文本。

如果从 Basic Dashboard 的图表示例到我要问的不仅仅是一些简单的 JS,您可以在回复中提供给我,我可以接受一些一般性建议。如果我们谈论大量代码,我不希望任何人为我做我的工作。我只是被困住了,不确定下一步该去哪里。

提前致谢!!

我相信如果你把 metrics 放在 ' 标记内,你应该准备就绪:)

试试这个,如果有效请告诉我:

var data = new gapi.analytics.report.Data({
    query: {
      'metrics': 'ga:pageviews',
      'start-date': 'yesterday',
      'end-date': 'yesterday'
    }
  });