Часто спрашивают как правильно писать цели, модуль сам их не отправляет, но позволяет легко это сделать
Итак, создаем цель в аналитике
Имеем категорию события и действие
Документация 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
Как видим, ничего сложного в этом нет
Немає коментарів для відображення