Question

我正在尝试通过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>

对于问题所在的任何想法都将非常感谢！非常感谢阅读。

Answer 1

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

我个人现在使用google标记管理器，但我很确定调用事件的结构对于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 analytics调试器，并在控制台中确保您看到它触发GA。多田！

Google Analytics事件跟踪图片无效

1 个答案: