Solved

JQuery tracking event.

Posted on 2016-10-20
3
94 Views
Last Modified: 2016-10-20
We are trying to track an event, each time somebody clicks a certain link on our site.  The problem is i just cannot get it to fire.  

We are using the following script :

<script type="text/javascript">
  	jQuery('#multiview').on('click', function() { 
	  	window._pq = window._pq || [];
   	 _pq.push(['track','AppBegin']);
  	});
</script>

Open in new window


The link is attached to an Image button in our footer
<a href="https://intelliapp2.driverapponline.com/c/hunt" target="_blank" onclick="ga('send', 'event', 'Apply', 'Click', 'apply-now-link', 1);" id="multiview"><img src="https://hunttransportationjobs.com/wp-content/uploads/2015/02/ButtonHunt.png" width="200" height="100" border="0" /></a>

Open in new window


Our website is https://hunttransportationjobs.com   and the image is the CLICK HERE - Apply Now Image link in the footer.  

Could some of you JQuery peeps have a look at the code, see if you can help me with this?
0
Comment
Question by:Jon Imms
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41852666
Are you sure it is not firing - or are you just not getting the data.

Firstly the code you posted is commented out in the source - it appears you have changed to using classes - although I don't think that is the problem - just noting.

Secondly, have you tried putting console.log() statements in the code to see if it is firing.
Put one after the onclick
<a href="https://intelliapp2.driverapponline.com/c/hunt" target="_blank" onclick="ga('send', 'event', 'Apply', 'Click', 'apply-now-link', 1); console.log('On Click Fired')" id="multiview"><img src="https://hunttransportationjobs.com/wp-content/uploads/2015/02/ButtonHunt.png" width="200" height="100" border="0" /></a>

Open in new window

And one in your jQuery
<script type="text/javascript">
	$(document).ready(function() {
		window._pq = window._pq || [];
console.log('Document ready fired - setting one() click');
	$('.multiview').one('click', function() {
console.log('one() fired');
    	_pq.push(["track", "AppBegin"]);
  		}); 
  	});
</script>

Open in new window


Check the console after clicking on the link to see what messages are output.
0
 

Author Closing Comment

by:Jon Imms
ID: 41852720
Excellent thank you.   Yes I forgot i had posted the code in the question,  and was testing a little.  I get one() fired. So all works.
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41852841
You are welcome.
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article discusses how to implement server side field validation and display customized error messages to the client.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question