javascript - 使用 Google Analytics API 创建比较不同日期范围内的数据的图表

标签 javascript charts google-analytics google-analytics-api

我正在使用 Google Analytics API 创建自定义分析仪表板,需要包含受众群体概览比较,如下所示:

GA audience overview comparison

我主要使用 GA Embed API。我找不到一种明显的方法来在单个嵌入数据图表上创建这样的日期范围比较图表。我尝试了几种不同的方法来创建这样的图表:

  • 将多个日期范围传递到嵌入数据图表中:似乎没有使用多个日期范围所需的 Reporting v4
  • 使用第三方 Chart.js 库:无法使其看起来像 GA 图表
  • 直接使用 GA 报告和 GA 图表 API 生成包含两行的单个图表:无法使其看起来正确
  • 创建两个 GA 嵌入数据图表并将一个叠加在另一个上

最后一种方法是我可以创建几乎与上图中的图表完全相同的图表的唯一方法。不幸的是,我对这种方法仍然有两个问题:

  • 太多 GA 查询会减慢页面加载速度:一个查询主图表,一个查询覆盖图,还有两个报告查询首先获取图表数据以同步其垂直比例,因此每个查询总共 4 个查询图表。如果可以同时使用 Reporting v4 和嵌入 API,我也许可以将其减少到 3 个,但这在所有图表中仍然是 8 个不必要的查询。
  • 在 GA 比较图表中,如果日期范围不匹配,则较短的日期范围会被切断,并且从日期 Angular 来看,两条线是匹配的。我认为使用 Embed DataCharts 不可能实现这一点,因为查询与图表相关联,因此我无法在显示其中一个图表之前用零填充数据。

我当前的计划是直接使用报告和图表 API 来减少查询数量,并使我能够匹配日期范围进行比较,尽管我认为嵌入数据图表在将时间线查询与图表,因为我正在努力映射数据并让图表被标记为如上图所示。

是否有更好的方法使用 Google 的 API 生成这些日期范围比较图表?

最佳答案

您可以使用reporting api V4通过使用ga:date维度针对您想要的任何metric来获取数据。那么你可以使用任何图表库来绘制图表,这取决于你用来叠加多个图表的图表库

关于javascript - 使用 Google Analytics API 创建比较不同日期范围内的数据的图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40719286/

相关文章:

javascript - AngularJS - 在自定义指令中继承 ngModel

javascript - jQuery 在多个元素上调用函数的更好方法?

java - 如何在android中使用Chart自定义条形图

javascript - jquery 语法 : where to put "toFixed"

javascript - 调用函数时返回 jquery.deferred 对象的响应

java - Apache POI 生成 excel 图表

javascript - 使用 Angular-cli 的 D3 V4 多线图

php - 将数据发送到 Google Analytics 平台 - 在纯 PHP 页面中?

gwt - Google Analytics - 使用历史 token 跟踪页面

google-analytics - Google Analytics(分析):100%从目标网页下降