Как отправлять цели для Google Analytics и не только с помощью модуля

Часто спрашивают как правильно писать цели, модуль сам их не отправляет, но позволяет легко это сделать

Итак, создаем цель в аналитике 

Имеем категорию события и действие

Документация 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

Как видим, ничего сложного в этом нет