Need help using Javascript to insert an onclick event

Question

I am attempting to use Event tracking in Google Analytics. In order to achieve this I need to add an onclick attribute to certain links (The ones I was asked to track) like so:

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

The CMS I am using does not have an option to add onclick events to the menu and I don't want to track every link in the main navigation. I only have a beginner's level understanding of javascript, but I have been looking for a way to use it to insert the onclick status above to only certain href values.

Any assistance would be greatly appreciated.

You cannot use such curly quotes ” - replace to " and ' accordingly. — Roko C. Buljan
– Roko C. Buljan, Commented Oct 22, 2014 at 15:30
Would you prefer a pure JavaScript solution, or is jQuery available to your CMS? — joshplien
– joshplien, Commented Oct 22, 2014 at 15:37

joshplien · Accepted Answer · 2014-10-22 16:14:14Z

Alternatively, if you would like to use your existing trackOutboundLink function, this would attach a click event to all outboud links going to 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

You may want to consider redirecting the user using the callback hitCallback:

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

nyuen · Accepted Answer · 2014-10-22 15:41:26Z

0

You can embed the GA send method into the onclick:

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

This would likely do what the trackOutboundLink function does (assuming you were basing your example from this https://support.google.com/analytics/answer/1136920?hl=en).

answered Oct 22, 2014 at 15:41

nyuen

8,9272 gold badges23 silver badges28 bronze badges

1 Comment

Josh Coats Over a year ago

That is the source material for what I am trying to do, but the issue is that I am trying to fetch an HREF out of a navigation created by the CMS and then add the above onclick (including the URL) to specific links.

Naeem Iqbal · Accepted Answer · 2014-10-22 16:56:57Z

0

There seems nothing wrong in your syntax, its probably the quotes that are causing the problem.

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

answered Oct 22, 2014 at 16:56

Naeem Iqbal

4154 silver badges5 bronze badges

Collectives™ on Stack Overflow

Need help using Javascript to insert an onclick event

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related