圖片上的Google Analytics（分析）事件跟蹤不起作用

Question

我正在嘗試通過Google Analytics（分析）設置事件跟蹤。 使它在文本鏈接上起作用很容易，但我似乎無法使其在圖像上起作用。 我遵循Google的示例 ，說明如何添加代碼，但是它導致無法單擊圖像鏈接（我單擊橫幅，但沒有任何反應，但是我可以右鍵單擊橫幅，並在新窗口中打開，它可以工作）。

請參閱以下鏈接上的代碼：

<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。 多田！