Как настроить событие для кнопки Яндекс Метрика и Google Analytics

Как отследить нажатие кнопок на сайте? Для этого есть настройка целей в Яндекс Метрике и Google Analytics. А именно, настройка так называемых событий. Для примера возьмем интернет магазин и настроим для него кнопку «В корзину» или «Купить». Настраивать событие необходимо если при нажатии кнопки не меняется url страницы. В большинстве CMS это именно так.

Для начала нам нужно посмотреть код кнопки, для чего нажимаем на кнопке правой кнопкой мыши и выбираем пункт «Посмотреть код»:

Далее видим сам html код кнопки:

Настройка события для нажатия кнопки Яндекс Метрика

1. В код кнопки <input id=»button-cart« class=»button-tovar« value=»Добавить в корзину« type=»button«> необходимо добавить следующий код: onclick=»yaCounterXXXXXXXX.reachGoal(‘KnopkaKorzina’);«, где XXXXXXXX — номер счетчика Яндекс Метрики (скопируйте из Яндекс Метрики).
2. В результате получаем следующий код: <input id=»button-cart» class=»button-tovar» value=»Добавить в корзину» onclick=»yaCounter20406922.reachGoal(‘KnopkaKorzina’);» type=»button»>.
3. Идем в Яндекс Метрику, нажимаем Настройки, потом Цели и Добавить цель.
   
4. Вписываем название цели (будет отображаться в списке целей Яндекс Метрики), выбираем Тип условия «JavaScript-событие» и в поле идентификатор цели вписываем «KnopkaKorzina».
   
5. Готово! Теперь каждое нажатие кнопки будет отображаться с отчетах Яндекс Метрики.

Настройка события для нажатия кнопки Google Analytics

1. В код кнопки <input id=»button-cart« class=»button-tovar« value=»Добавить в корзину« type=»button«> необходимо вставить следующий код onclick=»ga (‘send’, ‘event’, ‘Knopka’, ‘Korzina’); в результате должен получиться следующий код: <input id=»button-cart» class=»button-tovar» value=»Добавить в корзину» onclick=»ga (‘send’, ‘event’, ‘Knopka’, ‘Korzina’);» type=»button»>.
2. Затем необходимо добавить событие в Google Analytics.
3. Заходим в Google Analytics и кликаем на вкладке Администратор.
   
4. Выбираем Аккаунт, затем Ресурс и на вкладке Представление выбираем Цели.
   
5. Нажимаем на кнопку +Цель.
   
6. В описании цели указываем название цели, выбираем идентификатор целевого рекламного места, Тип выбираем Событие и нажимаем Продолжить.
   
7. В сведениях о цели указываем Категорию цели «Knopka» (можно использовать на других кнопках сайта в дальнейшем с другими «Действиями»), а в Действии указываем «Korzina» и нажимаем Сохранить.
   
8. Всё, на этом настройка завершена и в отчетах Google Analytics будет учитываться нажатие кнопки «В корзину».

Настройка событий Яндекс Метрика и Google Analytics одновременно на одну кнопку

1. Берем код кнопки <input id=»button-cart« class=»button-tovar« value=»Добавить в корзину« type=»button«> и вставляем в него идентификаторы целей для Яндекс Метрики onclick=»yaCounterXXXXXXXX.reachGoal(‘KnopkaKorzina’);« и для Google Analytics onclick=»ga (‘send’, ‘event’, ‘Knopka’, ‘Korzina’);.
2. В результате получаем следующий код: <input id=»button-cart« class=»button-tovar« value=»Добавить в корзину« onclick=»ga (‘send’, ‘event’, ‘Knopka’, ‘Korzina’); yaCounterXXXXXXXX.reachGoal(‘Korzina’);« type=»button«>

Как видно настроить события для кнопки в Яндекс Маетрике и Google Analytics совсем не сложно. Но! Если Вы не сильны в программировании, то лучше все же обратиться к программисту.