Настройка целей позволяет выделить тех посетителей сайта кто реально оставил заявку и, кто проявил заинтересованность к нашим услугам.
Благодаря этим данным можно перераспределять свое внимание и бюджет с неэффективных фраз, объявлений, компаний на эффективные. Таким образом мы можем оптимизировать и снижать стоимость привлечения покупателя.
Как выставить цели в Яндекс Метрике обычному человеку без программиста, да и еще на практически любое событие на вашем сайте читайте в статье.
СОДЕРЖАНИЕ
ЧТО ТАКОЕ GOOGLE TAG MANAGER ПРОСТЫМИ СЛОВАМИ
При стандартной установке метрики приходится к каждой кнопке, иконке дописывать код, чтобы метрика понимала, что произошло какое-то действие на сайте и его надо зафиксировать как цель. А это сложно, нужно редактировать шаблоны на сайте, хорошо знать HTML. Есть способ сделать процесс простым.
С помощью Google Tag Manager нам надо всего один раз установить код отслеживания, а потом все действия по настройке целей производить вне кода сайта с помощью конструктора GTM. Это удобно. Сначала кажется, что нужно совершать много действий, но это довольно простые действия, которые под силу даже людям, которые не знакомы с Java Script и языками программирования.
GTM – Google Tag Manager. Это стандарт установки счетчиков, пикселей, систем внешних скриптов. Но по факту мы имеем набор контейнеров, которые публикуются на сайте, через однократно установленный код на сайте. В каждый такой контейнер можно помещать любые пиксели, коды счетчиков, не открывая код сайта. GTM подменяет свои кусочки кода тем кодом, который мы поместили в контейнер. Для каждого контейнера (тега) мы можем прописать условие (триггер) по которому этот контейнер будет показан.
Что нужно сделать, чтобы выставить цели в Яндекс метрике через GTM?
- Установить на свой сайт код Яндекс Метрики через GTM
- Настроить цели в GTM.
Алгоритм установки счетчика кода Яндекс Метрики через GTM
Алгоритм установки целей в GTM
УСТАНОВКА СЧЕТЧИКА ЯНДЕКС МЕТРИКИ ЧЕРЕЗ GTM
1.Создаем счетчик в Яндекс Метрики если его
2.Регистрируемся и создаем аккаунт в Google Tag Manager
Чтобы создать аккаунт в GTM, заходим по адресу tagmanager.google.com. Регистрируемся или вводим данные от своего Google аккаунта. В GTM нажимаем кнопку «создать аккаунт» и вводим название нового счетчика.
3.Устанавливаем код GTM на вашем сайте
После того создали новый аккаунт, нам предлагают установить код отслеживания на сайт. Именно его надо один раз установить в шаблон своего сайта, а потом все настройки целей выполнять в интерфейсе GTM.
4.В GTM создаем контейнер — тег Яндекс Метрика
Переходим в Яндекс метрику и копируем код метрики в буфер обмена
Вставляем скопированный код метрики в новый тег в Google Tag Manager
Выбираем пользовательский HTML для вставки кода метрики в новый тег.
Вставляем код метрики и настраиваем триггер (условие), по которому этот код метрики будет показан на нашем сайте. Сохраняем тег, называем его, например, «Яндекс метрика»
Сохраняем изменения и публикуем их на сайте, через кнопку «Отправить»
Для проверки работоспособности нового, нажимаем «Предварительный просмотр» и переходим на свой сайт для просмотра и тестирования целей. Режим предварительного просмотра активирует на сайте рабочую область, в которой мы видим работу всех созданных тегов и трггеров
ТИПЫ ОТСЛЕЖИВАЕМЫХ ЦЕЛЕЙ – ОСНОВНЫЕ И МИКРО ЦЕЛИ
Какие типы цели целесообразно отслеживать на сайте?
Основные цели
- Оформление заказа
- Отправка формы обратной связи
- Запрос через консультанта на сайте
Микро цели
- Добавление товара в корзину
- Посетители, которые начали заполнять форму, но не заполнили
- Ошибки при отправке формы
- Прокрутка страница до конца или до определенного места
- Клики по кнопкам
- Клики по номеру телефона
- Клики по булитам и иконкам
- Посещение определенных страниц сайта
Почему целей надо так много? Потому что нам важно не только посчитать запросы с сайта, но и начать собирать сегменты аудитории, которые проявили интерес к нашему сайту. Для чего нужны такие сегменты?
- Для настройки ретаргетинговых компаний
- Для использования стратегий с оптимизатором цены за конверсию. Такие стратегии достаточно эффективные, но им нужно много лидов, срабатываний целей, чтобы было что оптимизировать. Чтобы такие стратегии начали работать эффективно, необходимо минимум несколько десятков лидов, например, от 50 срабатываний в неделю по каждому запросу. Такую статистику набрать не просто, для этого требуется время. А если мы вводим дополнительные микроцели, то робот по ним уже через короткий промежуток времени может делать оптимизацию трафика по низко частотным ключевым фразам.
- Для анализа компаний без оптимизации цены за конверсию. То есть даже там где мы используем «Ручное управление ставками» нам нужны данные о поведении пользователей на сайте. Имея данные о вовлеченности с поисковых запросов, можно принимать решения об отключении ключевых фраз, повышению или понижению ставки на определённую группу запросов.
Недостаток метода микроконверсий – их много и в отчетах Яндекс Директ сложно отделять настоящие лиды, от микро конверсий. Но информацию в каком сегменте трафика какие цели были достигнуты всегда можно посмотреть в Яндекс метрике.
4 цели на сайте, которых хватит для аналитики большинства сайтов
1. Заявки со всех форм на сайте. Если форм несколько, то операции по настройке цели делаем для каждой формы.
1.1 Начало заполнения формы и вызов формы. Что дает? Мы можем выделить всех кто начал заполнять форму но не закончил. Посмотреть в вебвизоре сегмент таких посещений и выявить проблему с формой и улучшить ее. Пользователи, которые начали заполнять форму – наиболее целевые. И конечно их можно выделять для ретаргетинговой компании.
1.2 Успешное заполнение формы. Что дает? Знаем конверсию по каждой форме.
2. Клики по раскрывающимся элементам, буллитам, иконкам.
Что дает? Данные о популярных элементах на сайте. Проверка, что с ними все в порядке. Добавления конверсионных форм к популярным элементам, формирование сегмента для ремаркетинговой компании.
Например, у нас есть два раскрывающихся элемента: а). Информация для розничного покупателя, б). Информация для оптового покупателя. Настроенные цели по этим элементам, формируют нам два сегмента – оптовики и физ.лица. Для каждого сегмента настраиваем свою ремаркетинговую компанию
3. Прокрутка лендинга до определенного блока.
Что дает? Например, наше спецпредложение размещено в конце страницы, и часть посетителей не доходят до этого блока и не видят наше спец предложение. Мы можем формировать сегмент «Не видел спецпредложения» и догонять объявлением с призывом его посмотреть и переходом сразу на нужный блок.
4. Клик по номеру телефону.
Если посетители клюкают по номеру телефона, то при клике по номеру можем показывать форму «Заказ обратного звонка». По выделению и кликам по номеру можно субъективно судить о количестве сделанных звонков.
5. Посещение определенных страниц
Например, «Контакты», «Спасибо за покупку», «Спасибо за запрос».
НАСТРОЙКА ЦЕЛЕЙ С ПОМОЩЬЮ GTM GOOGLE TAG MANAGER И ЯНДЕКС МЕТРИКИ
Рассмотрим удобный способ выставления целей в Яндекс Метрике. Способ, который на первый взгляд кажется не тривиальным, но с другой стороны, все цели можно настроить самостоятельно, без привлечения программиста. Способ кажется сложнее, что шагов больше чем через стандартное внедрение целей в код сайта. Но шаги эти простые и занимают гораздо меньше времени.
Настройку целей будем производить с помощью Яндекс Метрики и GTM — tagmanager.google.com/
Алгоритм, порядок действий при настройке целей выглядит так:
Этапы 1 и 2 выполним сразу для всех целей, а 3-6 для каждой цели по отдельности.
1. Cоздаём 4 цели в Яндекс метрике.
В этой статье мы рассмотрим создание 4 целей. Открываем Яндекс Метрику, переходим в настройки. И добавляем наши цели. Цель будем создавать через Java Script событие
- Первая цель — прокрутка страницы
- Вторая цель – клик по номеру телефону
- Третья цель — клик по кнопке на первом экране
- Четвертая цель – отправка формы
Название цели | Идентификаторв Яндекс Метрике | Тип условия в Яндекс Метрике |
Прокрутка страницы | scroll90 | JavaScript событие |
Клик по номеру телефона | click-tel-head | JavaScript событие |
Клики по кнопке на 1 экране | button1 | JavaScript событие |
Отправка формы 1 экран | send-main-form | JavaScript событие |
2. В GTM выбираем встроенные переменные
В GTM есть три уровня данных.
Переменная – Триггер – Тег. Нам нужно последовательно создать объекты на каждом уровне. То есть для каждой цели создаем переменную, создаем триггер, создаем тег.
- Переменные – это объект, который может принимать различные значения и будет использоваться в триггерах. Мы будем использовать уже встроенные переменные, которые есть в GTM. Их хватает в большинстве случаев.
- Триггеры — условия по которым происходит срабатывание наших целей (клик по кнопке, переход на страницу, прокрутка до конца страницы)
- Тег – код, который будет подставляться на наш сайт при срабатывании цели
Пример: У нас есть переменная «прокрутка страницы». Она будет использоваться в триггере (в условии) — «прокрутка 90%». После срабатывания этого условия на сайте будет выведен код, который мы зададим в теге «Прокрутка 90%»
Переходим в раздел «Переменные», и в блоке встроенные переменные нажимаем «Настроить». На этом этапе нам надо просто выбрать из уже существующих встроенных переменных те переменные, которые необходимы для настройки наших 4 целей.
Какие переменные выбираем?
Блок прокрутка
- Scroll Depth Threshold (для цели прокрутка 90%)
Блок Формы
- Form Element (Для отслеживания клика по кнопке формы)
Блок Клики
- Click Text (Для целей клик по номеру телефона)
- Click Element (Для целей клик по кнопке, по иконке, буллиту)
НАСТРОЙКА ЦЕЛИ ПРОКРУТКА 90%
А) Создаем триггер «Глубина прокрутки»
Б) Нажимаем кнопку «Создать» и дальше кликаем по круглой иконке «Выбор тип триггера». Выбираем тип триггера «Глубина прокрутки»
В) Настраиваем выбранный триггер: Ставим чек бокс вертикальная прокрутка и значение в процентах, например, 90%.
Г) Нажимаем сохранить и задаем имя для триггера
Д) Создаем тег «Глубина прокрутки 90»
Переходим в раздел «Теги» и кликаем «Создать». В блоке «Триггеры» выбираем наш триггер «Глубина прокрутка».
В блоке «Конфигурация тега» выбираем тип тега «Пользователский HTML», и добавляем следующий код, который сообщит ЯндексМетрике, что цель сработала.
<script type="text/javascript"> yaCounterНомерСчетчика.reachGoal('ИдентификаторЦели'); </script>
Вместо НомерСчетчика ставим номер своего счетчика, вместо ИдентификаторЦели ставим идентификатор своей цели:
<script type="text/javascript"> yaCounter53197657.reachGoal('scroll90'); </script>
Сохраняем тег, и через предварительный просмотр убеждаемся, что цель работает корректно.
НАСТРОЙКА ЦЕЛИ «КЛИК ПО НОМЕРУ ТЕЛЕФОНА»
А) Создаем новый триггер и выбираем тип триггера «Все элементы» в блоке «Клик»
Б) Настраиваем условие и событие для триггера клик по номеру телефона
В) Задаем имя триггера «Клик по номеру телефона» и сохраняем
Г) Создаем новый тег «Клик по номеру телефона»
Д) Выбираем триггер «Клик по номеру телефона». Тип триггера – пользовательcкий HTML
<script type="text/javascript"> yaCounter53197657.reachGoal('click-tel-head'); </script>
Сохраняем тег, и через предварительный просмотр убеждаемся, что цель работает корректно.
НАСТРОЙКА ЦЕЛИ КЛИК ПО КНОПКЕ
А) Создаем новый триггер и выбираем тип триггера «Все элементы» в блоке «Клик»
Б) Настраиваем условие и событие для триггера «Клик по кнопке на первой странице»
В качестве переменной можно опять использовать «Click Text», но часто бывает, что текст на кнопке одинаковый, например, на странице несколько кнопок с текстом «Задать вопрос». Поэтому будем использовать переменную Click Element, а в качестве значения для переменной будем использовать селектор CSS.
Как скопировать селектор?
1.
2.
Выполняем настройку триггера.
В) Задаем имя триггера «Клик по кнопке на первой странице» и сохраняем
Г) Создаем новый тег «Клик по кнопке на первой странице».
Выбираем триггер «Клик по кнопке на первой странице». Тип триггера – пользовательcкий HTML
<script type="text/javascript"> yaCounter53197657.reachGoal('button1'); </script>
Сохраняем тег, и через предварительный просмотр убеждаемся, что цель работает корректно.
НАСТРАИВАЕМ ЦЕЛЬ УСПЕШНАЯ ОТПРАВКА ФОРМЫ
Часто цель по успешной отправке формы настраивается неверно. Например, можно настроить цель «Успешная отправка формы» по событию клик по кнопке «Отправить. Это не правильно. Так как клик по кнопке, совсем не означает, что форма была отправлена успешно. Например, когда не были заполнены обязательные поля в форме.
Поэтому цель будем настраивать по селектору формы. Кликаем по форме правой кнопкой, выбираем «просмотреть код элемента»
А) В GTM создаем новый триггер и выбираем тип триггера «Отправка формы» в блоке «Взаимодействия пользователей»
Б) Настраиваем триггер. В качестве переменной используем «Form Element», соответствует селектору CSS, вставляем селектор формы. Сохраянем.
В) Создаем новый тег «Отправка формы 1 экран»..
Выбираем триггер «Отправка формы с первого экрана». Тип триггера – пользовательcкий HTML
<script type="text/javascript"> yaCounter53197657.reachGoal('send-main-form'); </script>
Сохраняем тег, и через предварительный просмотр убеждаемся, что цель работает корректно.
Вставить скрикаст
ЗАКЛЮЧЕНИЕ
Как же выставить цели в Яндекс Метрике? Четко следовать инструкции. После настройки 2-3 целей, все будет получаться автоматически. Преимущество данного метода – его универсальность. Так как самостоятельно, не меняя код сайта, можно выставить цели в интернет магазине, блоге, одностраничном сайте. В таблице ниже находятся названия переменных, триггеров, тегов и идентификаторов, которые мы использовали для выставления целей в Yandex Metrika.
Название цели | Идентификатор в Яндекс Метрике | Тип условия в Яндекс Метрике | Переменная в GTM | Триггер в GTM | ТЕГ в GTM | Код тега в контейнер пользовательский HTML |
Прокрутка страницы | scroll90 | JavaScript событие | Scroll Depth Threshold | Глубина прокрутки | Пользовательcкий html | yaCounter53197657.reachGoal('scroll90'); |
Клик по номеру телефона | click-tel-head | JavaScript событие | Click Text | Клик – Все элементы | Пользовательcкий html | yaCounter53197657.reachGoal('click-tel-head'); |
Клики по кнопке на 1 экране | button1 | JavaScript событие | Click Element | Клик – Все элементы | Пользовательcкий html | yaCounter53197657.reachGoal('button1'); |
Отправка формы 1 экран | send-main-form | JavaScript событие | Form Element | Отправка формы | Пользовательcкий html | yaCounter53197657.reachGoal('send-main-form'); |
Желаю вам здоровья, успеха, счастья, Вашим детям и родственникам