Отслеживание Google Analytics не работает

Question

Я хотел бы отслеживать клики на кнопке в моей GA. Я пробовал искать, но я не могу найти ничего, что помогает.

Вот код, который я скопировал:

<script> 
var downloadLink = document.getElementById('button'); 
addListener(downloadLink, 'click', function() { 
    ga('send', 'event', 'button', 'click', 'contact-button'); 
}); 


/** 
* Utility to wrap the different behaviors between W3C-compliant browsers 
* and IE when adding event handlers. 
* 
* @param {Object} element Object on which to attach the event listener. 
* @param {string} type A string representing the event type to listen for 
*  (e.g. load, click, etc.). 
* @param {function()} callback The function that receives the notification. 
*/ 
function addListener(element, type, callback) { 
if (element.addEventListener) element.addEventListener(type, callback); 
else if (element.attachEvent) element.attachEvent('on' + type, callback); 
} 
</script> 

И кнопку Я хотел бы отслеживать:

<div id="button" class="small-12 medium-4 large-4 columns foot-btn"> 
    <a href="/contact" alt="Contact Us">Contact Us</a> 
</div> 

Я попытался <a id="button" href="/contact" alt="Contact Us">Contact Us</a>, но это не показать никаких результатов. Заранее спасибо.

Answer 1

Ваше определение функции для «addListener» происходит после того, как вы его вызываете. Вам нужно перенести это определение, прежде чем использовать его.

function addListener(element, type, callback) { 
    if (element.addEventListener) element.addEventListener(type, callback); 
    else if (element.attachEvent) element.attachEvent('on' + type, callback); 
} 

, а затем

var downloadLink = document.getElementById('button'); 
addListener(downloadLink, 'click', function() { 
    ga('send', 'event', 'button', 'click', 'contact-button'); 
});