Чтобы отслеживать клики по div с помощью Google Analytics

У меня есть несколько DIV с уникальными идентификаторами. Каждый клик DIV скользит вниз и показывает некоторый контент под ним.

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

Как это сделать с помощью Google Analytics?


person LINGS    schedule 25.06.2012    source источник


Ответы (2)


Похоже, вы ищете Google Analytics "Отслеживание событий". Предполагая, что у вас уже настроен обычный фрагмент кода GA (для отслеживания вашего сайта), вы можете затем настроить обработчик (скажем, для кликов div) сделать что-то вроде этого с jQuery:

$('.trackerClass').click(function() {

  var selId = $(this).attr('id');

  _gaq.push(['_trackEvent', 'Interactions', 'Click', selId]);

});

Каждый элемент div, который вы хотите отслеживать, может иметь класс «trackerClass» и уникальный идентификатор, который поможет вам его идентифицировать.

Если вы хотите отслеживать открытие/закрытие по отдельности, вы можете добавить переменную состояния и передать ее.

Более подробная информация доступна здесь:

https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide#SettingUpEventTracking< /а>

Изменить: для прямого JavaScript это сделает ответ Кенниса.

person Spencer Hoffman    schedule 25.06.2012
comment
Спасибо за ваш ответ! Да, у меня уже настроен фрагмент кода GA. Я настроил что-то вроде этого <div onclick="_gaq.push(['_trackEvent', 'Interactions', 'Click', 'IDofDIV']);"></div>, но я не могу просмотреть сведения об отслеживании кликов в своей учетной записи GA. - person LINGS; 26.06.2012
comment
@LINGS: Есть ли ошибки в консоли разработки вашего браузера? Кроме того, имейте в виду, что может быть задержка перед появлением новых данных в GA. - person Spencer Hoffman; 26.06.2012

Посетите страницу GA по отслеживанию событий: https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

Основная идея такова:

var someDiv = document.getElementById('someDiv');
someDiv.addEventListener('click', function(){
    _gaq.push(['_trackEvent', 'someDiv', 'click']);
}, false);
person Kevin Ennis    schedule 25.06.2012