需要使用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>