需要使用Javascript插入onclick事件的幫助

Question

我正在嘗試在Google Analytics（分析）中使用事件跟蹤。 為了實現這一點，我需要向某些鏈接（要求我跟蹤的鏈接）添加onclick屬性，如下所示：

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com');  return false;">Check out example.com</a>

我正在使用的CMS沒有將onclick事件添加到菜單的選項，並且我不想跟蹤主導航中的每個鏈接。 我對javascript只是一個初學者的了解，但是我一直在尋找一種使用它的方法將上述onclick狀態僅插入某些href值。

任何幫助將不勝感激。

Answer 1

另外，如果您想使用現有的trackOutboundLink函數，這會將click事件附加到所有前往http://www.example.com的出站鏈接：

$(function() {
  // adding onclick event to this particular link
  $('a[href="http://www.example.com"]').click(function(event) {
    // preventing the user from navigating away from the page, temporarily
    event.preventDefault();
    // GA tracking
    trackOutboundLink('http://www.example.com');
    // continue default behavior for the click
    window.location = 'http://www.example.com';
  }); // end click event
}); // end document ready

您可能要考慮使用回調hitCallback重定向用戶：

ga('send', {
            'hitType': 'event',
            'eventCategory': '...',
            'eventAction': '...',
            'eventLabel': '...',
            'hitCallback': function(){
                // redirect:
                window.location = 'http://www.example.com';
            }
        }

Answer 2

您可以將GA send方法嵌入onclick中：

onclick="ga('send','event','outbound','click','http://www.example.com');"

這很可能會完成trackOutboundLink函數的功能（假設您是基於https://support.google.com/analytics/answer/1136920?hl=zh_CN的示例）。

Answer 3

您的語法似乎沒有問題，可能是引起問題的引號。

<a href="http://www.example.com"  onclick=" trackOutboundLink('http://www.example.com'); return false; ">Check out example.com</a>