使用Google Analytics Reporting API v4构建设备类别图表

时间:2017-02-01 16:35:35

标签: google-analytics google-api google-reporting-api

我正在尝试使用Google Analytics Reporting API v4构建多线图表。

一张图表,其中每个设备(桌面/平板电脑/手机)的按行数按天计算。

但是现在我能得到的就是:

enter image description here

我的代码是:

<div id="chart-1-container"></div>

<script>
 gapi.analytics.ready(function () {
    var dataChart1 = new gapi.analytics.googleCharts.DataChart({
        query: {
            'ids': 'ga:XX', // <-- Replace with the ids value for your view.
            'start-date': '7daysAgo',
            'end-date': 'yesterday',
            'metrics': 'ga:sessions',
            'dimensions': 'ga:deviceCategory'
        },
        chart: {
            'container': 'chart-1-container',
            'type': 'LINE',
            'options': {
                'width': '100%'
            }
        }
    });
    dataChart1.execute();
 });
</script>

1 个答案:

答案 0 :(得分:1)

根据这个问题的答案 - Google Analytics API deviceCategory - 我终于找到了问题。

要根据移动设备类别获取特定图表,数据是基于过滤器构建的,而不是像我试图实现的那样:

<div id="chart-1-container"></div>

<script>
    gapi.analytics.ready(function () {
        var dataChart1 = new gapi.analytics.googleCharts.DataChart({
            query: {
                'ids': 'ga:XX', // <-- Replace with the ids value for your view.
                'start-date': '7daysAgo',
                'end-date': 'yesterday',
                'metrics': 'ga:sessions',
                'dimensions': 'ga:date',
                'filters': 'ga:deviceCategory==mobile' // <-- Filter the category here
            },
            chart: {
                'container': 'chart-1-container',
                'type': 'LINE',
                'options': {
                    'width': '100%'
                }
            }
        });

        dataChart1.execute();

    });
</script>

就是这样:

enter image description here