图像上的 Google Analytics 事件跟踪不起作用答案

【问题标题】：Google Analytics Event Tracking on an image not working图像上的 Google Analytics 事件跟踪不起作用
【发布时间】：2017-11-15 06:00:29
【问题描述】：

我正在尝试通过 Google Analytics 设置事件跟踪。让它在文本链接上工作很容易，但我似乎无法让它在图像上工作。我关注Google's example 应该如何添加代码，但它会导致无法单击的图像链接（我单击横幅并没有任何反应，但我可以右键单击横幅并在新窗口中打开它工作）。

请参阅下面的链接代码：

<a href="http://keystonetech.com" target="_blank" 
onclick="trackOutboundLink('http://keystonetech.com');return false;"><img 
src="/wp-content/uploads/2017/09/keystone-direct-drive-led-t5.jpg" alt="" 
width="617" height="128" /></a>

下面是 Google Analytics 脚本 - 第一个是标准 Universal Analytics GA 脚本，底部是用于跟踪链接（同样，根据上面的 Google 链接）。

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-437557-
32"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'UA-437557-32');
</script>
<script>
/**
* Function that tracks a click on an outbound link in Analytics.
* This function takes a valid URL string as an argument, and uses that URL 
string
* as the event label. Setting the transport method to 'beacon' lets the hit 
be sent
* using 'navigator.sendBeacon' in browser that support it.
*/
var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
     'transport': 'beacon',
     'hitCallback': function(){document.location = url;}
   });
}
</script>

任何关于问题所在的想法将不胜感激！非常感谢阅读。

【问题讨论】：

标签： javascript google-analytics onclick

【解决方案1】：

我想我可以把你送到正确的方向。我很确定问题在于各种分析跟踪代码之间的差异。您正在使用最新的 Gtag.js，它的事件结构似乎与 analytics.js 不同

我现在个人使用谷歌标签管理器，但我很确定调用事件的结构对于 Gtag.js 是不同的。这是专门针对此的页面：

https://developers.google.com/analytics/devguides/collection/gtagjs/events#recommended-event-parameters

如果我是你，看起来实际的功能应该是这样的：

gtag('event', 'event_name', {
'event_category': categoryName,
'event_label': labelName
});

如果我没看错你的代码，基本上是这样的：

gtag('event', 'click', {
'event_category': 'outbound',
'event_label': url
});

然后确保您在点击时正确触发该功能，并确保获取 chrome 扩展 google 分析调试器并在控制台中确保您看到它触发了对 GA 的命中。多田！

【讨论】：