如何在谷歌分析中跟踪谷歌可视化图表事件

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

本文关键字:谷歌 可视化 事件 跟踪      更新时间:2024-02-24

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

在分析.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 Analytics事件仪表板报告没有命中。

我对这个 API 没有太多经验,所以我确定我错过了一些东西。谁能告诉我这是什么?我真的很感激一个工作示例,其中 Google 图表事件可以被 GA 拾取。

所有的帮助都表示赞赏。缺口

首先,没有ga('send', 'click');。有效的互动类型包括"网页浏览"、"屏幕浏览"、"事件"、"交易"、"项目"、"社交"、"异常"、"计时"(其中大多数都需要其他参数(。

由于您要跟踪由用户发起的事件,因此建议您在事件回调中放置跟踪调用(在页面顶部加载分析脚本之后(。

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

// 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');
}