Цели Google Analytics не отслеживаются

Question

Я понимаю, что есть много вопросов о нерабочем отслеживании целей GA. Я сделал домашнее задание и прочитал много из них, прежде чем публиковать свой вопрос.

Вот мой вопрос ... Это документация, которую я использовал, чтобы создать свой код: https://developers.google.com/analytics/devguides/collection/analyticsjs/events

Я использую версию analytics.js

<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-xxxxxxxxxxx-x', 'mywebsite.com'); 
    ga('send', 'pageview'); 

</script> 

Я попытался реализовать код через обе чистый javascript и jQuery, но ни один из них не работает. Вот мой код:

ссылка отслеживаться:

<a href="/contact-us-fivefive/" id="cta-footer-btn">Get In Touch Today</a> 

JQuery подход:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>        
<script type="text/javascript"> 
$(document).ready(function() { 
$('#cta-footer-btn').on('click', function() { 
ga('send', 'event', 'CTA_footer', 'contact_footer'); 
}); 
}); 
</script> 

Я также попытался чистый JS подход не предложил:

<script>  
var downloadLink = document.getElementById('cta-footer-btn'); 
addListener(downloadLink, 'click', function() { 
ga('send', 'event', 'CTA_footer', 'contact_footer'); 
});         
/** 
* 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> 

Ни кажется, отслеживать клики по ссылкам.

Любые мысли или предложения, почему это не работает, будут очень признательны.

Спасибо!

Answer 1

Убедитесь, что у вас есть код отслеживания аналитики, вставленный в раздел главы документа (необязательно, но убедитесь, что необходимая библиотека полностью загружена вместе с объектом ga, прежде чем делать какие-либо ссылки на функции ga()), а также убедитесь, что jQuery также загружен перед использованием. Вы можете использовать консоль (обычно F12 в браузерах), чтобы проверить, не возникла ли какая-либо ошибка. Это общие шаги для проверки правильности установки отслеживания.

Может потребоваться некоторое время, прежде чем данные начнут отображаться в отчетах, если вы только что установили, поэтому не беспокойтесь. Вы можете установить GADebug extension for Chrome, чтобы проверить, правильно ли отправлены следящие маяки.

Кроме того, вы можете использовать функцию click() из jQuery. Он отлично работает для меня.

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"> 
</script>        
<script type="text/javascript"> 
$(document).ready(function() { 
$('#cta-footer-btn').click(function() { 
ga('send', 'event', 'CTA_footer', 'contact_footer'); 
}); 
}); 
</script> 

Надеюсь, что это поможет! :)