javascript - 为 Google Analytics 创建自定义指标

Question

我已将 Google Analytics API 嵌入到我的网站中(使用 php、yii2 框架开发)。我想创建一个自定义指标以包含在我的图表中。我的自定义指标的值将来 self 的数据库。从文档中，我尝试使用以下代码片段:

var metric1Value = <?= $modelValue; ?>
ga('set', 'metric1', metric1Value);

但这会导致错误，指出“ga”未定义。是否可以在 Google Analytics 中创建自定义指标？如果可以的话，如何实现？

这是我的代码的概述(如果有帮助的话)。我已经关注了tutorial :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div>Analytics Test</div>
<div id="embed-api-auth-container"></div>
<div id="view-selector-container" style="display:none;"></div>
<div id="date-range-selector-container"></div>
<div id="table-container" style="margin:5%"></div>

<script>
(function(w,d,s,g,js,fs){
  g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(f){this.q.push(f);}};
  js=d.createElement(s);fs=d.getElementsByTagName(s)[0];
  js.src='https://apis.google.com/js/platform.js';
  fs.parentNode.insertBefore(js,fs);js.onload=function(){g.load('analytics');};
}(window,document,'script'));

gapi.analytics.ready(function() {       
    gapi.analytics.auth.authorize({
        container: 'embed-api-auth-container',
        clientid: 'myclientid'
    });

    var dataChart = new gapi.analytics.googleCharts.DataChart({
        reportType: 'ga',
        query: {
            'start-date':'50daysAgo',
            'end-date':'yesterday',
            'metrics': [['ga:sessions', 'ga:users', 'ga:newUsers', 'ga:pageviews']],
            'dimensions': [['ga:date']],
        },
        chart: {
            container: 'table-container',
            type: 'TABLE',
            options: {
                width: '80%'
            }
        }
    });
});
</script>

任何帮助将不胜感激。

Answer 1

您使用的语法用于跟踪网站上的自定义指标，您使用的代码用于显示报告数据。如果您想显示自定义指标，请在指标列表中添加 ga:metric1

例如'metrics': [['ga:sessions', 'ga:users', 'ga:newUsers', 'ga:pageviews']]将'metrics': [['ga:sessions', 'ga:users', 'ga:newUsers', 'ga:pageviews', 'ga:metric1']]

注意:您的指标需要在 Google Analytics(分析)帐户面板中配置