Урок 119. Как настроить цель “Событие” в Google Analtics?

Всем-всем привет!

Данная статья вышла давненько и давненько была без обновления. Так уж получилось, что сейчас скрипт счетчика другой нежели 3 года назад, в связи с чем и изменилась настройка цели “Событие” в Google Analytics. Я обновил статью и теперь должно все работать – проверил на себе.

Погнали!

Цель “Событие” в Google Analytics

Насколько я помню, на страницах блога есть урок, в котором мы учились настраивать Google Analytics, там же есть и подробное описание почти всех целей данной системы аналитики. К сожалению, о типе “Событие” я написал крайне мало, а написать было что.

Напомню: данный тип цели предназначен для отслеживания взаимодействий посетителей сайта с его элементами, например, нажатие на кнопку “Заказать”.

Как создать цель “Событие”?

  1. В кабинете Google Analytics перейдите на вкладку “Администратор”:Как установить цель "Событие"?
  2. В столбце “Представление” найдите пункт “Цели” и нажмите на него:Google Analytics настройка целей "Событие"
  3. Нажмите на кнопку “+Цель”:Цель "Событие" Analytics
  4. Дайте название цели и выберите тип “Событие”:Цель "Событие" в Google Analytics
  5. В поля “Категория” и “Действие” впишите произвольное значение, но, чтобы Вам было понятно для чего установлена цель и куда. Я впишу следующее: “submit” и “btn_podpiska” соответственно:Настройка цели "Событие"
  6. Нажмите на кнопку “Сохранить”.

Цель создана, осталось только ее установить на нужный элемент сайта.

Куда установить “Событие”?

Для установки цели “Событие”, ровно, как и для “JavaScript-событие” в Яндекс.Метрике, требуется небольшой кусок кода:

onclick="gtag('event','btn_podpiska')"

Это код цели в самом простом исполнении. То есть в коде используется только “event” и сам идентификатор события.

Если хотите использовать пользовательские значения категории (в нашем примере “submit”) в коде, то код цели будет выглядеть следующим образом:

gtag('event','btn_podpiska',{'event_category':'submit'})

Данный код является атрибутом почти всех HTML-тегов, а это значит, что вставлять его нужно в пределах открывающего тега (пример: <div onclick=”gtag(‘event’,’btn_podpiska’)”>).

Установка данного типа цели начинается с просмотра кода необходимого элемента. Сделать это можно посредством встроенного в любой браузер инструмента для разработчиков, вызвать, который можно, кликнув правой кнопкой мыши по нужному элементу и выбрав пункт “Просмотреть код элемента” (для Opera):Посмотреть код элемента кнопки

После этого в нижней, или любой другой, части экрана появится небольшое окошко с HTML-кодом:Код кнопки подписки

Отсюда Вам потребуется взять стилевой класс элемента – в данном случае это class=”button”.

Как установить цель “Событие”?

Устанавливать цель мы будем с помощью текстового редактора Notepad++:

  1. Откройте нужный файл сайта и найдите тот кусок кода, куда хотите установить цель. Сделать это можно с помощью инструмента “Найти” (CTRL+F). В поле “Найти” впишите класс элемента, на который ставится “Событие”: Поиск кода элемента в коде сайта
  2. В пределах открывающего тега впишите следующее значение: onclick=”gtag(‘event’,’btn-podpiska’)”, где “btn-podpiska” идентификатор события, который мы назначили чуть раньше. В моем случае атрибут onclick будет выглядеть так:Код цели в коде элемента сайта
  3. Сохраните файл и отправьте на сервер.

Отлично! Теперь Google Analytics будет получать данные о взаимодействии посетителей сайта с тем или иным элементом.

Использование цели “Событие” совместно с “JavaScript-событие” Яндекс.Метрики

Достаточно часто у вебмастеров возникает потребность в использовании сразу нескольких счетчиков. Нужно это для того, чтобы видеть полноценную картину, происходящего на сайте, так как каждая система аналитики (будь то Google Analytics, Яндекс.Метрика или Liveinternet) обладает уникальным алгоритмом работы. Поэтому может возникать такая ситуация, когда Метрика не зачла достижение определенной цели (в нашем случае это тип цели “Событие”), а Analytics зачел.

HTML-разметка не позволяет использовать в одном теге два атрибута onclick, поэтому может показаться, что использовать однотипные цели разных систем аналитики невозможно. Но выход есть: нужно объединить значения цели “Событие” Google Analytics и Яндекс.Метрики в одном атрибуте. Выглядеть это будет так:

onclick="gtag('event','btn-podpiska'); ym(XXXXXXX,'reachGoal','id'); return true"

На этом все, дорогие друзья.

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

До скорого!

Настройка Яндекс Директ под ключ

Настройка рекламных кампаний в Яндекс Директ под ключ. Без каких-либо ограничений. Только полноценная настройка Директа с настройкой аналитики.

Обучение Яндекс Директ

Обучение настройке кампаний в Яндекс Директ: начиная с самых азов, заканчивая ведением кампаний. Записи каждого урока + дополнительные материалы.

Аудит кампаний Яндекс Директ

Анализ рекламных кампаний в Яндекс Директ. Выявление причин плохой, нестабильной работы Директа + рекомендации по улучшению сайта.

Поделиться:Share on VK
VK
Share on Facebook
Facebook
Tweet about this on Twitter
Twitter

8 КОММЕНТАРИИ

  1. Олег

    С синтаксисом не напутали?
    onclick=”ga (‘send’, ‘event’, ‘Категория’, ‘Действие’);”; yaCounterXXXXXXX.reachGoal(‘id’); return true;

  2. Евгений

    Вопрос, а если окно “спасибо” выводится скриптом, как это ставить тогда в JS? что прописывать?

  3. Pavel

    Как сделать это событие именно при валидации формы? А не просто чтобы отправлялось это событие в гугл аналитику?

  4. Сергей Нестеровский

    Не работает нихрена.

    Заказать звонок

    Наш менеджер свяжется с Вами
    в ближайше время

    ОСТАВИТЬ ЗАЯВКУ

  5. Владимир

    Если у Вас аналитика подключена по новому, через gtag? то забейте на то что тут написано))) гуглите. событие на ga(…) – работать не будет. Или лучше читайте доки googla

  6. Павел Гречко

    Ринас, не работает!!! Исправь статью

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь