如何在 Google 分析中跟踪 Google 可视化图表事件？

Question

我的网站中嵌入了运行 Google 图表，我需要能够通过此处记录的 select 事件跟踪用户与图表的交互：https://developers.google.com/chart/interactive/docs/events?hl=en#the-select-event

根据 analytics.js 文档，我将以下代码添加到图表的头部 Javascript 代码：

<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'click');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>

（我将虚拟 ID 替换为我要跟踪的站点的属性 ID）

当我运行此代码在浏览器的独立脚本中和嵌入到我的 Wordpress 网站时，相关的 Google 分析事件仪表板报告没有点击。

我对此没有太多经验 API 所以我确信我遗漏了一些东西。谁能告诉我这是什么？我真的很感激 GA 可以获取 Google 图表事件的工作示例。

感谢所有帮助。尼克

Answer 1

首先，没有ga('send', 'click');。 Valid interaction type 是 'pageview'、'screenview'、'event'、'transaction'、'item'、'social'、'exception'、'timing'（其中大部分都需要额外的参数）。

由于您想跟踪由用户发起的事件，我建议您将跟踪调用放在事件回调中（在页面顶部加载分析脚本后）。

如果您查看问题文档中链接的示例：

// google.visualization.table exposes a 'page' event.
google.visualization.events.addListener(table, 'page', myPageEventHandler);
...
function myPageEventHandler(e) {
  alert('The user is navigating to page ' + e['page']);
}

然后在 myPageEventHandler 函数中处理对用户交互的响应，即该事件的回调。因此，您可以在该回调中对可视化进行任何适当的更改，然后发送，例如事件跟踪调用：

function myPageEventHandler(e) {
    alert('The user is navigating to page ' + e['page']);
    ga('send','event','chartevent','click on chart');
}

如何在 Google 分析中跟踪 Google 可视化图表事件？

How do I track Google visualization chart events in Google analytics?

javascript

google-analytics

google-visualization

google-analytics-api