Как отслеживать события диаграммы Google в Google Analytics?

Question

Я бег Google график внедренные на моем сайте, и мне нужно, чтобы иметь возможность отслеживать взаимодействие пользователей с графиками через избранные события как описано здесь: https://developers.google.com/chart/interactive/docs/events?hl=en#the-select-event

После документации analytics.js, я добавил следующий код в глава моей диаграммы кода Javascript:

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

(я заменил манекен ID со свойством ID для сайта Я хочу отслеживать)

Когда я запустил этот код, как в автономном сценария в браузере и как встроено в мой сайт Wordpress, на панели мониторинга событий Google Analytics не было сообщений.

У меня нет большого опыта работы с этим API, поэтому я уверен, что мне что-то не хватает. Может ли кто-нибудь сказать мне, что это? Я бы очень признателен за рабочий пример, когда события в диаграмме Google могут быть подняты GA.

Вся помощь приветствуется. Nick

Answer 1

Во-первых, там нет ga('send', 'click');. Valid interaction type s - это «просмотр страниц», «просмотр», «событие», «транзакция», «элемент», «социальный», «исключение», «синхронизация» (и большинство из них требуют дополнительных параметров).

Поскольку вы хотите отслеживать события, инициированные пользователем, я предлагаю разместить вызов отслеживания в обратных вызовах события (после того, как вы загрузили сценарий аналитики в верхней части страницы).

Если вы посмотрите на пример, связанного в documentaion в вашем вопросе:

// google.visualization.table exposes a 'page' event. 
google.visualization.events.addListener(table, 'page', myPageEventHandler); 
... 
function myPageEventHandler(e) { 
    alert('The user is navigating to page ' + e['page']); 
} 

Тогда ответ на взаимодействие с пользователем обрабатывается в функции myPageEventHandler, обратный вызов для этого события. Таким образом, вы можете сделать в этом обратном вызове любое изменение визуализации, соответствующее, а затем отправить, например. звонок для отслеживания событий:

function myPageEventHandler(e) { 
    alert('The user is navigating to page ' + e['page']); 
    ga('send','event','chartevent','click on chart'); 
}