需要帮助使用Javascript来插入onclick事件

时间:2014-10-22 15:08:24

标签: javascript jquery html5 google-analytics

我正在尝试在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值。

非常感谢任何协助。

3 个答案:

答案 0 :(得分:1)

或者,如果您想使用现有的trackOutboundLink函数,这会将点击事件附加到http://www.example.com的所有outboud链接:

$(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';
            }
        }

答案 1 :(得分:0)

您可以将GA发送方法嵌入onclick:

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

这可能会执行trackOutboundLink函数的功能(假设您的示例来自此https://support.google.com/analytics/answer/1136920?hl=en)。

答案 2 :(得分:0)

你的语法似乎没有错,它可能是导致问题的引用。

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