google-analytics - 通过获取谷歌分析使用 oocharts 插件到我的网页

Question

我可以知道是什么问题吗？我无法从 ocharts 文件中显示任何内容。我已经设置了 API key 并从 Google Analytic 获取了配置文件 ID，但似乎也没有显示出来。有没有我必须添加的东西？

<div data-oochart="bar" data-oochart-start-date="30d" data-oochart-metrics="ga:visits,Visits,ga:newVisits,New Visits" data-oochart-dimension="ga:continent" data-oochart-profile="{{PROFILE ID}}"></div>

    <script src="../oocharts.js"></script>
    <script type="text/javascript">

        window.onload = function(){

            oo.setAPIKey("{{API KEY}}");

            oo.load(function(){

                var bar = new oo.Bar("{{PROFILE ID}}", "30d");

                bar.addMetric("ga:visits", "Visits");

                bar.addMetric("ga:newVisits", "New Visits");

                bar.setDimension("ga:continent");

                bar.draw('chart');

            });
        };

    </script>

Answer 1

您现在实际上正在尝试绘制两个图表。 OOcharts 有一个 HTML 属性 API 和一个 JS API。顶部 div 使用 HTML API，而您的 JS 代码使用 JS API。要仅使用 HTML 属性 API，您可以尝试:

<div data-oochart="bar" data-oochart-start-date="30d" data-oochart-metrics="ga:visits,Visits,ga:newVisits,New Visits" data-oochart-dimension="ga:continent" data-oochart-profile="{{PROFILE ID}}"></div>

<script src="../oocharts.js"></script>
<script type="text/javascript">

    window.onload = function(){

        oo.setAPIKey("{{API KEY}}");

        oo.load();
    };

</script>

您正在用自己的信息替换 {{PROFILE_ID}} 和 {{API_KEY}}，对吗？完成此操作后，打开 Web 控制台并确保将传出请求发送到 OOcharts API。