Google Analytics на кнопку

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

Для настройки цели на нажатие кнопки, во первых назначаем цель в Google Analytics. На вкладке Администратор, переходим в пункт цели:

1

Далее жмем красную кнопку Добавить цель:

2

На следующем шаге, оставляем все по умолчанию и жмем синюю кнопку Продолжить:

3

Указываем название цели, например Заявка, и тип цели выбираем событие:

4

Далее нам надо заполнить два поля — Категория и Действие. Заполняем их любыми словами английскими буквами, например:

5

Сохранив настройки, Google Analytics на нажатие кнопки мы настроили. Кстати, чтобы цель работала, само собой, у Вас на сайт должен быть закачан код Гугл Аналитикс.

Теперь, надо на все кнопки на сайте, для которых мы планируем отслеживать нажатия, повесить событие вида: onclick=”ga(‘send’, ‘event’, ‘forma’, ‘zakaz’);” где forma — то что Вы напишите в Аналитиксе в поле Категория. zakaz — то что Вы напишите в Аналитиксе в поле действие.  Обычно, событие назначается для всех кнопок в формах обратной связи. Если, нажатия на разные кнопки, Вы планируете отслеживать по отдельности, назначайте несколько целей меняя действие для каждой кнопки.

Если, событие onclick уже используется, например для отслеживания в Яндекс метрике, в него же можно добавить функцию и для Гугл Аналитикса (через точку с запятой) — работать событие будет и с несколькими функциями. Например так, может выглядеть событие, для отслеживания нажатия кнопки в Гугл Аналитикс, и в Яндекс  метрике:

onclick=»ga(‘send’, ‘event’, ‘forma’, ‘zakaz’); yaCounter21276826.reachGoal(‘zakaz’); return true;» — сначала идет функция для Аналитикс, затем для Метрики.

Теперь в коде сайта нужно найти участки кода, отвечающие за вывод всех кнопок, на которые Вы планируете поставить цель.

Если сайт одностраничный, код кнопки ищите в файле index.html, скачав его с сервера, и раскрыв его в любом текстовом редакторе, можно в блокноте, но удобнее в Notepad++ — бесплатный продвинутый текстовый редактор.

Обычно, за вывод кнопок отвечает тег input с типом submit. Выглядит в коде это примерно так <input type=»submit» class=»button» ….. другие параметры> — если нашли такой код, это кнопка. Событие вставляем сразу после input через пробел. Так:

<input onclick=”ga(‘send’, ‘event’, ‘forma’, ‘zakaz’);” type=»submit» class=»button» ….. другие параметры>

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

Вопросы задавайте в комментариях.

3 thoughts on “Google Analytics на кнопку

  1. Здравствуйте, Владимир!
    Только у Вас нашел, как добавить цель на кнопку и в Google Analitics и в Яндекс.Метрику. Спасибо. Теперь вижу цели и там, и там. Подскажите, пожалуйста, как создать цель на событие просмотра видео с Youtube на своем сайте?

    • В код от Ютуба можно повесить событие наведения курсора. Но срабатывать это будет в том числе при наведении курсора на весь экран (и без включения видео). Так что не знаю насколько это удачный вариант. Других я не знаю. Или попробовать туда вставить событие клика, не знаю как будет работать — не пробовал.

  2. Спасибо за ответ! Мне встречались два способа создания цели события на видео, но оба показались сложными: один — через Google Tag Manager, другой — с помощью достаточно длинного Java скрипта.

Добавить комментарий

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>