Google analytics Google Analytics嵌入不同页面的API显示图表
我正在尝试使用嵌入API显示Google Analytics图表,其中包含返回的数据。我目前返回的数据,从3个不同的网页,这是伟大的作品。但是有没有一种方法可以在3个单独的图表中查看这些数据 这是返回结果的代码Google analytics Google Analytics嵌入不同页面的API显示图表,google-analytics,google-analytics-api,google-analytics-filters,Google Analytics,Google Analytics Api,Google Analytics Filters,我正在尝试使用嵌入API显示Google Analytics图表,其中包含返回的数据。我目前返回的数据,从3个不同的网页,这是伟大的作品。但是有没有一种方法可以在3个单独的图表中查看这些数据 这是返回结果的代码 var query = { ids: VIEW_ID, metrics: 'ga:avgTimeOnPage,ga:bounceRate,ga:pageviews,ga:sessions', dimensions: 'ga:date,ga:pagePath', filters: ‘ga:
var query = {
ids: VIEW_ID,
metrics: 'ga:avgTimeOnPage,ga:bounceRate,ga:pageviews,ga:sessions',
dimensions: 'ga:date,ga:pagePath',
filters: ‘ga:pagePath=@page1, ga:pagePath=@page2, ga:pagePath=@page3’ <!—page data returned
}
var report = new gapi.analytics.report.Data({ query });
report.on('success', function(response) {
//console.log(response);
});
report.execute();
然后我想使用嵌入API显示3个不同的图表。并使用选择>选项元素在图表之间切换。在传递id并显示所有帐户、属性和视图时
var viewSelector = new gapi.analytics.ViewSelector({
container: 'view-selector-container'
});
// Render the view selector to the page.
viewSelector.execute();
var chart = new gapi.analytics.googleCharts.DataChart({
query: {
ids: VIEW_ID,
dimensions: 'ga:date',
metrics: 'ga:avgTimeOnPage,ga:bounceRate,ga:pageviews,ga:sessions',
filters: ‘ga:pagePath=@page1, ga:pagePath=@page2, ga:pagePath=@page3’ <!—page data returned
},
chart: {
type: 'LINE',
container: 'line-chart',
options: {
fontSize: 12,
width: '100%',
colors: ['#4490BA', '#38A240', '#BD5065', '#BB8A21']
}
}
});
chart.on('success', function(response) {
});
viewSelector.on('change', function(ids) {
chart.set({ query: { ids: VIEW_ID }}).execute();
});
上面返回每个帐户、财产和所有网站数据。我只需要3个不同页面的数据。这可能吗?好的,所以我自己设法解决了 我有我的html元素,这些图表是从Google脚本中附加的
<div id="line-chart-1"></div>
<div id="line-chart-2"></div>
<div id="line-chart-3"></div>
然后我创建了一个页面URL添加到的数组。然后循环通过数组X的次数,在本例中,生成3个不同的图表;每页一张
var valueArray = ['page1-url', page2-url, 'page3-url'];
for (var i = 0; i < valueArray.length; i++) {
var num = i + 1;
var chart = new gapi.analytics.googleCharts.DataChart({
query: {
ids: VIEW_ID,
dimensions: 'ga:date',
metrics: 'ga:avgTimeOnPage,ga:bounceRate,ga:pageviews,ga:sessions',
filters: valueArray[i]
},
chart: {
type: 'LINE',
container: 'line-chart-' + num,
options: {
fontSize: 12,
width: '100%',
colors: ['#4490BA', '#38A240', '#BD5065', '#BB8A21']
}
}
});
chart.on('success', function(response) {});
chart.execute();
}