понедельник, 8 июля 2013 г.

Отслеживание событий в Google Analytics на примере кнопки: Регистрация


Многие знают, что Google Аналитика позволяет отслеживать разнообразные события которые происходят на сайте. Однако чаще всего, обычные пользователи не пользуются этими функциям считая их слишком сложными.

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

Внимание
Если вы используете Universal Analytics
 (новую версию Google Analytics)

Такой метод подойдет для отслеживания таких целей как:
  • Клики по кнопке "Купить";
  • Заказ обратного звонка;
  • Заполнение форм подписки и регистрации;
  • Оценки взаимодействия с разными элементами интерфейса сайта.
И много другого.

Для отслеживания подобных событий мы будем использовать следующий формат кода



где:
button3 - категория цели
clicked - название действия

Рассмотрим короткий пример настройки отслеживания кнопки "подтвердить" в форме регистрации.

Для начала нам необходимо найти нужную кнопку в шаблоне своего сайта и прописать для нее код из нашего шаблона.

В качестве "категории цели" я чаще всего использую название страницы или элемента над которым выполняется действие. В примере приведены следующие значения параметров:
Категория цели = "Регистрация"
Название действия = "Подтвердить"

Так будет выглядеть код после внесение правок:



(В отличии от первого примера здесь отслеживается кнопка реализованная с помощью тега input. Разметка для тега button будет идентичной).

Теперь мы должны создать соответствующую цель в профиле Google Analytics
Для этого:
  1. Заходим в раздел: Администратор - Проект - Цели ;
  2. Создаем новую цель, выбрав тип цели "Событие";
  3. Оформляем цель по ниже приведенному примеру. Важно чтобы параметры: "Категория" и "Действие" полностью совпадали с значениями указными при разметке кнопки.  

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

10 комментариев:

  1. На формы надо использовать onSubmit, а не onclick

    ОтветитьУдалить
    Ответы
    1. Согласен для форм стоит использовать onSubmit, а для кнопок хватает onclick

      Удалить
  2. А если на код кнопки уже назначен от Метрики один, но он почему то через раз срабатывает, подскажите как привязать еще этот совместно?

    < input type="submit" onclick="yaCounter1231231.reachGoal('button'); return true;" value="Начать!">

    ОтветитьУдалить
    Ответы
    1. Честно говоря, редко использую метрику по этому не часто сталкивался с подобной ситуацией.

      Я бы, попробовал поставить код отслеживания аналитики через событие onSubmit. У вас оно как раз идеально вписывается.

      Удалить
  3. Применимо ли такое к ссылкам на скачивание? например: а onclick="_gaq.push(['_trackEvent', 'Download', 'FreeInstallDownload']);" href="www.sitename/setup.exe" target="_blank">setup.exe

    ОтветитьУдалить
  4. Подскажите пожалуйста, как прописать код, если действие onclick уже присвоено. При клике проигрывается видео в AJAX окне.



    Как будет выглядеть код в результате?
    Спасибо.

    ОтветитьУдалить
    Ответы
    1. Если событие onclick уже прописано, то ничто не мешает добавить код аналитики вначале, т.е. сначала код аналитики, потом через точку_с_запятой исходный код плеера, например: onclick="yaCounter1234567.reachGoal('buttonKino'); showVideo();"

      Удалить
  5. В ближайшее время перепишу статью с учетом комментариев Universal Analytics настройка событий происходит немного не так.

    ОтветитьУдалить
  6. Обновил статью http://www.seo-sign.com/2014/12/tracking-events-Universal-Analytics.html

    ОтветитьУдалить