Google Analtyics Embed API - report.Data Issue

时间:2015-01-06 16:20:48

标签: javascript google-analytics-api

对不起新手的问题。我已经掌握了一些基本的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来完成这项工作,但我仍然围绕着这个概念。

没有Embed 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对页面上的现有文本进行简单替换。

如果从基本仪表板的图表示例到我要求的不仅仅是一些简单的JS,你可以在回复中提供我,我只需要一些一般的建议。如果我们谈论大量代码,我不希望任何人为我工作。我只是陷入困境,并不完全确定下一步该去哪里。

提前致谢!!

1 个答案:

答案 0 :(得分:0)

我相信如果你将指标放在'标记,你应该全部设置:)

试试这个,让我知道它是否有效:

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