Часто спрашивают как правильно писать цели, модуль сам их не отправляет, но позволяет легко это сделать
Итак, создаем цель в аналитике
Имеем категорию события и действие
Документация Google
https://developers.google.com/analytics/devguides/collection/gtagjs/events?hl=ru
говорит нам что код должен выглядеть как
gtag('event', <action>, {
'event_category': <category>,
'event_label': <label>,
'value': <value>
});
Мы имеем категорию и действие (обязательное поле только действие)
Следовательно, наш код преобразится в такое:
gtag('event', 'test_action', {
'event_category': 'test'
});
Если gtag не подключен к сайту или юзер использует блокировщик рекламы - получим ошибку что gtag не существует и код прекратит выполняться
обернем это в проверку
if (typeof gtag != 'undefined') {
gtag('event', 'test_action', {
'event_category': 'test'
});
}
В таком виде можно вставить наше событие в модуль для оформления заказа, страницы оформления заказа, для добавления в корзину и закладки
Но что делать если нам нужно отследить клик по какому-то элементу, кнопке обратного звонка и тп?
Идем во вкладку счетчики и в подвале пишем подобную конструкцию
<script>
$(document).on('click touchstart', 'jquery_selector', function() {
if (typeof gtag != 'undefined') {
gtag('event', 'test_action', {
'event_category': 'test'
});
}
});
</script>
Где jquery_selector - это селектор jquery))
#call_back_form - это элемент с id - call_back_form
.element_with_class - это элемент с классом element_with_class
можно писать несколько селекторов через запятую, можно писать неполные селекторы, но это вам уже в документацию jquery
Как видим, ничего сложного в этом нет