Как навестить события google analytics добавить в корзину и оформление заказа.

Сегодня хочу рассказать Вам, как правильно навешивать события гугл аналитикс в вашем магазине. Рассмотрим два типа событий: добавление в корзину и оформление заказа.

Событие добавление товара в корзину

Многие по рекомендации документации в Google начинают навешивать событие прямо на кнопку "Добавить в корзину", что является на мой взгляд неверным решением, потому что пользователь кликнет по кнопке добавить в корзину, а товар по факту не добавится из-за того, что его не осталось на складе например или по др. любой причине.

Лучшим решением будет добавление события в js функцию, которая отвечает за добавление товара в корзину. Находится он в файле modules/blockcart/ajax-cart.js  или themes/default-bootstrap/js/modules/blockcart/ajax-cart.js если был перегружен.
Находим там код функции:

add : function(idProduct, idCombination, addedFromProductPage, callerElement, quantity, whishlist){

		if (addedFromProductPage && !checkCustomizations())
		{
			if (contentOnly)
			{
				var productUrl = window.document.location.href + '';
				var data = productUrl.replace('content_only=1', '');
				window.parent.document.location.href = data;
				return;
			}

В этой функции находим такой код:

success: function(jsonData,textStatus,jqXHR)
			{
				// add appliance to whishlist module
				if (whishlist && !jsonData.errors)
					WishlistAddProductCart(whishlist[0], idProduct, idCombination, whishlist[1]);

				if (!jsonData.hasError)
				{

После этого кода след. строчкой вставляем:

ga(\'send\', \'event\', \'Knopka\', \'Vkorzinu\');

Событие оформление заказа

Здесь можно использовать два варианта навешивания события:

- На каждую кнопку оплаты

- На страницу "Подтверждения заказа"

Мы рассмотрим последний вариант. Открываем шаблон в теме themes/default-bootstrap/order-confirmation.tpl
В самом конце этого шаблона добавляем код:

<script>
    ga(\'send\', \'event\', \'Zakaz\', \'Stranica podtvergdeniya\');
</script>