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

события яндекс метрика, события google analytics, настроить события google analytics

Как отследить конверсию на сайте, если нет страницы успеха? По другому ее еще называют:

  • страница спасибо,
  • thank-you-page
  • спасибо за покупку
  • success-page

В случае с интернет-магазином 2coffee.com.ua такой страницы не было, а есть всплывающее окошко с информацией благодарности о заказе. Здесь нам помогут цели события, поэтому в этой статье поможем Вам узнать как настроить события на кнопку в Google Analytics и Яндекс Метрике.

Настройка событий в Google Analytics

Итак, давайте к примеру возьмем за цель настройку события – нажатие на кнопку «Купить».

После нажатия на кнопку у нас url страницы не меняется, поэтому нужно будет добавить в код кнопки событие.

  1. Чтобы посмотреть код кнопки необходимо кликнуть правой кнопкой мыши и выбрать «Просмотреть код элемента» или «Код страницы», но советую первым вариантом пользоваться.
    google analytics настройка событий, события google analytics
  2. Просматриваем её код
    код кнопки
  3. Мы видим подобный код: <div class="button red3 cart" id="413">Купить</div>. 
  4. Теперь в коде html нужно внести изменения и добавить добавляем событие с названием buy_button:
    onClick="ga ('send', 'event', 'submint', 'buy_button');":
  5. У нас получиться в результате:
    <div class="button red3 cart" id="413">Купить</div> onClick="ga ('send', 'event', 'submint', 'buy_button');">.
  6. После нужно зайди в Google Analytics и добавить цель

Как добавить событие в Google Analytics?

  1. Заходим во вкладку «Администратор» в аккаунте Google Analyticsнастройка события на кнопку, вкладка администратор Google Analytics
  2. Выбираем нужный Вам аккаунт, ресурс и представление и выбираем раздел «Цели»
    событие google analytics
  3. Создаем новую цель, нажав на кнопку
  4. Шаг 1. Установка цели. Выбираем «Собственная» и жмем «Продолжить»
    настройка цели google analytics, событие на кнопку google analytics
  5. Шаг 2. Описание цели. Присваиваем название цели, например, «Кнопка Купить» и нажимаем «Событие» и «Продолжить»
    настроить цель google analytics, тип событие
  6. Шаг 3. Подробные сведения о цели
    настроить цель google analytics, тип событие
  7. Присваиваем категорию с названием «submint» (оно может быть на всех кнопках) и действие «buy_button (этот параметр на других кнопках должен отличатся, он произвольный, но важно, чтобы совпадал с тем, который Вы в код сайта вставляте) и сохраняем созданную цель

Как проверить работоспособность настроенной цели Google Analytics на кнопку?

  1. Заходим в раздел «Отчеты»
    настройка цели google analytics, настройка события google analytics
  2. Заходим в раздел «В режиме реального времени»,настроить цель google analytics, настроить событие google analytcs на кнопку
  3. Отрываем новую вкладку в браузере, заходим на Ваш сайт и совершаем конверсию, переключаемся на вкладку, в которой открыт Google Analytics и в режиме реального времени смотрим конверсии (P.S. в скриншоте с пометкой 2, а не 1)

Как настроить событие в Яндекс Метрике на кнопку?

Настройка цели событие в Яндекс Метрике на кнопку проще чем в Google Analytics, но проверить можно только через вебвизор. Для этого нам нужно:

  1. В код: <div class=»button red3 cart" id="413">Купить</div> добавить событие с названием buy_button:
    onClick="yaCounterXXXXXX.reachGoal ('buy_button');
  2. У нас получиться в результате:
    <div class="button red3 cart" id="413">Купить</div> onClick="yaCounterXXXXXX.reachGoal ('buy_button');">.
    XXXXXX — номер вашего счетчика в Метрике (скопируйте его с Яндекс Метрики).
  3. Заходим в Яндекс Метрику, нажимаем «Настройка», затем «Цели» и «Добавить цель»
    Настройка цели события на кнопку в Яндекс Метрике 2.0
  4. Выбираем тип «Событие»,
  5. Вписываем название «Кнопка Купить» и идентификатор buy_button (у меня это пример, можете без проблем вписывать свое слово, которое было и в Google Analytics).настройка целей яндекс метрика, настройка события на кнопку яндекс метрика

Как вставить событие Google Analytics и Яндекс Метрики одновременно одним кодом в html?

Если вставить одно событие понятно, а как сделать 2 и чтобы работало? У меня такой был когда-то вопрос и мне подсказали вставить так
onclick="ga ('send', 'event', 'Категория', 'Название идентификатора события'); yaCounterXXXXXX.reachGoal ('Название идентификатора события'); return true;". Где вместо 'Категория' для кнопки вписываю 'submint', в 'Название идентификатора события' вписываю на транслите в это случае 'buy_button' и вместо XXXXXX номер счетчика Яндекс Метрики.

У Вас получится примерно так:

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

В целом настроить события в Google Analytics и Яндекс Метрике дело не сложное, но чтобы экономить Ваше время и не разбираться в установке целей на сайт поручите это занятие программисту.

Как настроить события на кнопку Google Analytics и Яндекс Метрике
1.96 (39.2%) 25 votes

Похожие статьи