Google Analytics（分析）事件跟踪不起作用。 跟踪联系表单7和动态生成的元素

Question

Google analytics is working properly on my site for most things. However I have implemented event tracking on two different elements and after testing, GA is not showing the events occur. Here is my tracking code:

<script async src='//www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-xxxxxxxx-1', 'auto');
ga('send', 'pageview');
</script>

The first element I am attempting to track is an element I have generated and inserted with Javascript:

$(".tencol.last").append(" <p class='mobile-number'><a class='mobile-number-link' href='tel:555-555-5555'>(555) 555-5555</a></p>");

document.getElementsByClassName("mobile-number-link")[0].setAttribute( "onClick", "ga.push(['_trackEvent', 'mobile-call', 'mobile-phone-number-click']);");

The 2nd element I am attempting to track is a "Contact Form 7" contact form. I am using the built in 'Additional settings' on the "Contact Form 7" contact form editor page. This is the code I am using in that box:

on_sent_ok: "ga.push(['_trackEvent', 'Contact-Form', 'Submit'])";
on_sent_ok: "location.replace('http://www.(mydomain).com/?page_id=740');"

Thank you in advance for the helpful answers

Answer 1

You are mixing Universal Analytics syntax and Classic GA syntax. It looks like your tracking is using the former, but the way you are sending in the events is based on the latter. Your event tracking code should be:

ga('send', 'event', 'mobile-call', 'mobile-phone-number-click'); // for the first element
ga('send', 'event', 'Contact-Form', 'Submit'); // for the second element