使用Embed API嵌入Google Analytics位置图视图

时间:2014-09-20 03:01:57

标签: google-analytics embed

以下是Google Analytics(分析)网站上的视图的屏幕截图(地理位置>位置>主要维度=城市)

我想使用google的Embed API尽可能地嵌入这个确切的视图或复制它,并将其显示在我自己的网站上。

我已按照此处的教程> https://developers.google.com/analytics/devguides/reporting/embed/v1/devguide并在我的网站上运行了简单的折线图,但我似乎无法找到任何显示如何添加地图功能,饼图或表格的信息,如下所示。

是否有任何可以帮助我的好例子或教程?

我尝试了文档,但我没有看到很多关于你可以用API创建的解释。

enter image description here

1 个答案:

答案 0 :(得分:6)

这样的事情怎么样? http://jsbin.com/relufutenuto/2/edit

您可以根据各种Google图表库允许的选项设置图表选项。以下是图表类型GEO的Google图表文档: https://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options

注意:您可能必须禁用弹出窗口拦截器才能让auth在jsbin中工作,但这应该会让您明白。

以下是设置选项图表类型的代码部分:

var timeline = new gapi.analytics.googleCharts.DataChart({
  query: {
    'ids': 'ga:1234',
    'dimensions': 'ga:country',
    'metrics': 'ga:sessions',
    'start-date': '30daysAgo',
    'end-date': 'yesterday',
  },
  chart: {
    type: 'GEO',
    container: 'timeline',
    options: {
      region: '155', // Western Europe
      displayMode: 'markers'
    }
  }
});