javascript - Highcharts:使用 Google Analytics 捕获事件操作以导出图表

标签 javascript highcharts google-analytics data-visualization

当用户将 Highcharts 可视化导出为 PDF、PNG 等格式时,是否有人成功跟踪 Google Analytics 中的事件?

我设置了一个测试 fiddle (请参阅 http://jsfiddle.net/brightmatrix/00wrak9v/ )来尝试与我管理的使用通用 Google Analytics 脚本的现有网站进行交互。

我的问题是,在我的 Google Analytics(分析)仪表板中,无论是“广告系列”还是“目标”下,都没有显示任何交互。控制台日志没有显示任何明显的错误,而且我没有任何浏览器插件阻止 fiddle 与 Google 对话。我按照建议的 24 小时等待事件显示在仪表板中,但没有结果。

这是我正在使用的一段代码。我使用 menuItems 属性定义自己的导出方法。我在 fiddle 的其他地方定义了 GA 跟踪脚本。

    exporting: {
        buttons: {
            contextButton: { text: 'Export',
                menuItems: [{
                    text: 'Print this chart',
                    onclick: function () {
                        this.print();
                        console.log('chart was printed');
                        thisTitle = this.options.title.text;
                        newTitle = thisTitle.replace("<br>",": ");
                        newTitle = thisTitle.replace("<br />",": ");
                        ga('send', 'event', 'Highcharts', 'print', newTitle + ' | ' + document.title);
                    }
                }, 
                ...

我在一些搜索中发现的一件事是在 Google Analytics 管理控制台中设置事件跟踪(请参阅 http://www.wpbeginner.com/wp-tutorials/how-to-add-google-analytics-event-tracking-in-wordpress/ )。是否有必要捕获这些类型的事件?

我非常感谢你们提供的任何指导!

最佳答案

为了跟进这个问题(对于那些将来可能会遇到此页面的人),答案是,是的,您确实需要在 Google Analytics(分析)中手动设置目标才能使其发挥作用。我设置跟踪的事件不会像我最初想象的那样显示在“营销事件”部分中。

这是“目标”部分的屏幕截图,该部分位于 GA 控制台的“管理”部分。我在写完问题后设置的四个事件如下所示。

enter image description here

我在这里所做的是创建自定义目标。在目标描述中,我为每个目标指定了唯一的名称,并选择了“事件”类型。

enter image description here

对于目标详细信息,我设置了 Highcharts 图表选项中定义的类别和操作(请参阅上面的问题)。我将“标签”留空,因为我选择填写图表的标题(以及它所在页面的 HTML 标题)。我没有为“值(value)”定义任何内容,因为我没有权衡我的目标。

enter image description here

创建这些目标后,我终于提取了一些数据,但是从我进行测试到信息显示在 GA 控制台中,有几个小时的滞后时间。

报告部分的内容如下。您想要转到“转化”,然后是“目标”,最后是“目标流”。

enter image description here

我希望所有这些信息,包括问题和答案,对其他人都有帮助。

更新(2016 年 5 月 19 日):耶!数据已经开始成功传入!以下是事件在“目标”部分中的记录方式:

enter image description here

关于javascript - Highcharts:使用 Google Analytics 捕获事件操作以导出图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37284511/

相关文章:

php - Highchart 使用 php、mysql 和 jquery

ruby-on-rails - 如何强制 Highcharts 日期时间 X 轴上的刻度线/网格线任意与数据点对齐?

google-analytics - 在经典分析中启用人口统计和兴趣报告

google-analytics - 从嵌入的代码中获取Google Analytics(分析)ID?

android - 在 Firebase Analytics 中重置 user_id 值

javascript - 更改响应式 css 的 css 类

javascript - 将数据从 JavaScript 对象加载到表中

javascript - 在没有调试器的情况下进行调试

javascript - Highcharts xrange 图表不考虑日期时间 xAxis 最小值和最大值 - 显示两侧的空间

javascript - 你如何对 JavaScript 代码进行性能测试?