Приветствую!
В этой статье речь пойдет о простой настройке отслеживания отправки формы, с помощью отслеживания клика при не возможности отслеживания самой формы. И настройка цели в Analytics. Всё это с помощью отличного инструмента для контекстологов - Google Tag Manager.
Начнем по порядку
Почему для отслеживания целей в Analytics мы используем Google Tag Manager?
На это есть 2 основные причины:
1. Отслеживание целей на сайте с ajax стандартным кодом
ga('send', 'event', 'order1', 'order1');
Не работает.
2. С помощью GTM мы минимизируем работу с директориями/админками сайтов или же снижаем количество работы для программистов до одной задачи – установки кода Google Tag Manager.
О ценности отслеживания отправки форм скажу кратко, без нее мы не сможем отследить одну из важнейших целей на сайте, где-то даже единственную.
Итак, исходя из проблем, первое что нам нужно - это установить Google Tag Manager на сайт.
Для установки кода этого нам потребуется:
1. Зайти в Google Tag Manager tagmanager.google.com
Интерфейс в Google Tag Manager довольно простой на свой вид, но сложный по строению при первом знакомстве с ним.
2. Нажимаем на «Создать аккаунт»
3. Далее открывается окно, в котором вводим название кампании, названия контейнера и, где будет использоваться контейнер в нашем случае выбираем Веб-сайт.
Все данные потом можно будет изменить.
4.Подверждаем условия использования.
5. После создания нам сразу будет сформирован код Google Tag Manager’а, который и требуется установить на сайт. Это, пожалуй, единственный момент, который стоит оставить программисту, если у вас нет должного опыта или достаточного количества знаний по его установке.
6. Проверить установлен ли код можно открыв сайт и нажав комбинацию Ctrl+U, далее ищем наш отрезок кода.
Перейдем к меню Tag Manager’а
Суть меню следует из особенностей tag manager
1. Первым идет контейнер – это фрагмент js-кода. Следуя из названия он явлется контейнером для тегов.
2. Тег – это скрипты, которые мы устанавливаем для google analytics или, к примеру, для отслеживания отправки форм или код яндекс метрики. Все они теперь располагаются в одном контейнере.
3. Триггер – простым языком, это условие, при которым активируется тег, к примеру, отслеживание отправки формы.
4. Переменные – это параметры, состоящие из 2 частей. Названия переменной и ее значения к примеру, URL - example.com/index.html. Переменные нужны для того, чтобы задать условия в триггере.
1. Сначала нам потребуется включить отслеживание всех кликов, для дальнейшего нахождения нужного нам клика на который мы и привяжем цель.
Для этого заходим в Переменные. И нажимаем на кнопку «Настроить» в подменю «Встроенные переменные».
В открывшемся меню опускаемся до Кликов и Форм и включаем переменные Click Classes и Click Element в кликах и все пункты в формах. С помощью этих переменных можно будет определить клик по тому или иному объекту на сайте.
Сразу же поясню, если у вас в итоге получится отследить отправку форм, с помощью переменных формы, то используйте именно их. В нашем же случае отслеживание отправки формы можно было реализовать только с помощью отслеживания определенного клика
Создаем Тег
- Для этого нажимаем на «Новый Тег» в конфигурации тега и выбираем Universal Analytics.
Тип отслеживания остается неизменным
- В пункте «Настройки google analytics» нажимаем на «Новая переменная…» и здесь указываем Идентификатор отслеживания нашего Analytics (его можно посмотреть в Администратор-> настройках ресурса)
- Называем переменную и нажимаем сохранить.
- Здесь же нажимаем на Триггеры и выбираем All Pages
Этот Тег создается для отслеживания заходов/переходов посетителей по страницам сайта.
Называем Тег и нажимаем сохранить.
Для отслеживание всех кликов и форм создаем специальные Триггеры:
1. Триггер для всех кликов
Переходим в меню триггеры нажимаем создать выбираем в меню «Клик» - «Все элементы» даем название и жмем сохранить.
2. Триггер для отправки форм
Жмем Создать -> В меню «Взаимодействия пользователей»-> «Отправка формы»-> Сохранить
Далее нажимаем на отправить, указываем название и жмем опубликовать.
Переходим обратно на рабочую область и нажимаем предварительный просмотр.
Заходим на сайт.
Если все пункты сделаны правильно, то при открытие сайта нам отобразится окно с отслеживанием всех действий которые мы задали.
Первым делом заходим в форму, которая нам требуется для отслеживания заполняем ее и отправляем, а в окне GTM отобразятся наши клики.
- Выбираем тот клик, который вызывает отправку формы.
- Переходим на вкладку Variables и копируем значение Click Classes
- Идем обратно в наш GTM и создаем тег «Событие»
В конфигурации выбираем Universal Analytics.
Тип отслеживания "Событие" и задаем категорию и действие, которые в последствии пропишем в analytics.
Выбираем уже созданные настройки Google Analytics.
Далее создаем Новый триггер
Клик -> Все элементы
И выбираем «Некоторые клики»
Задаем в настройках Click Classes «Содержит» и те параметры, которые мы скопировали с сайта.
Все это сохраняем и отправляем изменения.
И далее заходим в Google Analytics
- Переходим в настройки Целей
- Добавляем новую цель
- Выбираем Собственная и Жмем далее
Даем название цели и выбираем тип "Событие", жмем Далее.
В открывшемся меню вводим те данные события, которые ранее задавали в Google Tag Manager.
Всё! Цели созданы!
Теперь требуется проверить их работоспособность.
В Google Analytics перейдем в Отчеты реального времени далее в отчет «Конверсии» и перейдя на сайт заново заполняем форму и отправляем ее. В Analytics должна при этом отработать цель.
Таким образом, без каких-либо знаний программирования можно задать цели для любых сайтов, главный минус такого метода, что клик может сработать и в другом месте сайта, или другой форме, и чтобы такого не происходило надо тщательно смотреть параметры при кликах по формам, также можно задать дополнительные условия при определении клика.
Удачи!
