Как выставить цели в Яндекс метрике – за 5 шагов без программиста и без Java Script.

Настройка целей позволяет выделить тех посетителей сайта кто реально оставил заявку и, кто проявил заинтересованность к нашим услугам.

Благодаря этим данным можно перераспределять свое внимание и бюджет с неэффективных фраз, объявлений, компаний на эффективные. Таким образом мы можем оптимизировать и снижать стоимость привлечения покупателя.

Как выставить цели в Яндекс Метрике обычному человеку без программиста, да и еще на практически любое событие на вашем сайте читайте в статье.

СОДЕРЖАНИЕ

 

ЧТО ТАКОЕ GOOGLE TAG MANAGER ПРОСТЫМИ СЛОВАМИ

При стандартной установке метрики приходится к каждой кнопке, иконке дописывать код, чтобы метрика понимала, что произошло какое-то действие на сайте и его надо зафиксировать как цель. А это сложно, нужно редактировать шаблоны на сайте, хорошо знать HTML. Есть способ сделать процесс простым.

С помощью Google Tag Manager нам надо всего один раз установить код отслеживания, а потом все действия по настройке целей производить вне кода сайта с помощью конструктора GTM. Это удобно. Сначала кажется, что нужно совершать много действий, но это довольно простые действия, которые под силу даже людям, которые не знакомы с Java Script и языками программирования.

GTM – Google Tag Manager. Это стандарт установки счетчиков, пикселей, систем внешних скриптов. Но по факту мы имеем набор контейнеров, которые публикуются на сайте, через однократно установленный код на сайте. В каждый такой контейнер можно помещать любые пиксели, коды счетчиков, не открывая код сайта. GTM подменяет свои кусочки кода тем кодом, который мы поместили в контейнер. Для каждого контейнера (тега) мы можем прописать условие (триггер) по которому этот контейнер будет показан.

Что нужно сделать, чтобы выставить цели в Яндекс метрике через GTM?

  1. Установить на свой сайт код Яндекс Метрики через GTM
  2. Настроить цели в GTM.

Алгоритм установки счетчика кода Яндекс Метрики через GTM

Установки счетчика кода Яндекс Метрики через GTM

Алгоритм установки целей в GTM

Установки целей в GTM

УСТАНОВКА СЧЕТЧИКА ЯНДЕКС МЕТРИКИ ЧЕРЕЗ GTM

1.Создаем счетчик в Яндекс Метрики если его

Как создать счетчик в Яндекс Метрике

2.Регистрируемся и создаем аккаунт в Google Tag Manager

Чтобы создать аккаунт в GTM, заходим по адресу tagmanager.google.com. Регистрируемся или вводим данные от своего Google аккаунта. В GTM нажимаем кнопку «создать аккаунт» и вводим название нового счетчика.

Регистрация в GTM

3.Устанавливаем код GTM на вашем сайте

После того создали новый аккаунт, нам предлагают установить код отслеживания на сайт. Именно его надо один раз установить в шаблон своего сайта, а потом все настройки целей выполнять в интерфейсе GTM.

Установка кода отслеживания на сайт

4.В GTM создаем контейнер — тег Яндекс Метрика

Переходим в Яндекс метрику и копируем код метрики в буфер обмена

Установка кода отслеживания на сайт

Вставляем скопированный код метрики в новый тег в Google Tag Manager

Установка Яндекс Метрики через GTM 1

Выбираем пользовательский HTML для вставки кода метрики в новый тег.

Установка Метрики через GTM 2

Вставляем код метрики и настраиваем триггер (условие), по которому этот код метрики будет показан на нашем сайте. Сохраняем тег, называем его, например, «Яндекс метрика»

Установка Yandex Metrika через GTM

Установка Яндекс Метрики через Tag Manager

Сохраняем изменения и публикуем их на сайте, через кнопку «Отправить»

Установка Яндекс Метрики через Google Tag Manager

Установка кода Метрики через GTM

Для проверки работоспособности нового, нажимаем «Предварительный просмотр» и переходим на свой сайт для просмотра и тестирования целей. Режим предварительного просмотра активирует на сайте рабочую область, в которой мы видим работу всех созданных тегов и трггеров

Предварительный просмотр в GTM

ТИПЫ ОТСЛЕЖИВАЕМЫХ ЦЕЛЕЙ – ОСНОВНЫЕ И МИКРО ЦЕЛИ

Какие типы цели целесообразно отслеживать на сайте?

Основные цели

  • Оформление заказа
  • Отправка формы обратной связи
  • Запрос через консультанта на сайте

Микро цели

  • Добавление товара в корзину
  • Посетители, которые начали заполнять форму, но не заполнили
  • Ошибки при отправке формы
  • Прокрутка страница до конца или до определенного места
  • Клики по кнопкам
  • Клики по номеру телефона
  • Клики по булитам и иконкам
  • Посещение определенных страниц сайта

Почему целей надо так много? Потому что нам важно не только посчитать запросы с сайта, но и начать собирать сегменты аудитории, которые проявили интерес к нашему сайту. Для чего нужны такие сегменты?

  1. Для настройки ретаргетинговых компаний
  2. Для использования стратегий с оптимизатором цены за конверсию. Такие стратегии достаточно эффективные, но им нужно много лидов, срабатываний целей, чтобы было что оптимизировать. Чтобы такие стратегии начали работать эффективно, необходимо минимум несколько десятков лидов, например, от 50 срабатываний в неделю по каждому запросу. Такую статистику набрать не просто, для этого требуется время. А если мы вводим дополнительные микроцели, то робот по ним уже через короткий промежуток времени может делать оптимизацию трафика по низко частотным ключевым фразам.
  3. Для анализа компаний без оптимизации цены за конверсию. То есть даже там где мы используем «Ручное управление ставками» нам нужны данные о поведении пользователей на сайте. Имея данные о вовлеченности с поисковых запросов, можно принимать решения об отключении ключевых фраз, повышению или понижению ставки на определённую группу запросов.

Недостаток метода микроконверсий – их много и в отчетах Яндекс Директ сложно отделять настоящие лиды, от микро конверсий. Но информацию в каком сегменте трафика какие цели были достигнуты всегда можно посмотреть в Яндекс метрике.

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 событие

  • Первая цель — прокрутка страницы
  • Вторая цель – клик по номеру телефону 
  • Третья цель — клик по кнопке на первом экране
  • Четвертая цель – отправка формы
Название целиИдентификаторв  Яндекс МетрикеТип условия в Яндекс Метрике
Прокрутка страницыscroll90JavaScript событие
Клик по номеру телефонаclick-tel-headJavaScript событие
Клики по кнопке на 1 экранеbutton1JavaScript событие
Отправка формы 1 экранsend-main-formJavaScript событие

Задаем название, тип и идентификатор в https://merika.yandex.ru

2. В GTM выбираем встроенные переменные 

В GTM есть три уровня данных. 

Переменная – Триггер – Тег. Нам нужно последовательно создать объекты на каждом уровне. То есть для каждой цели создаем переменную, создаем триггер, создаем тег.

  • Переменные – это объект, который может принимать различные значения и будет использоваться в триггерах. Мы будем использовать уже встроенные переменные, которые есть в GTM. Их хватает в большинстве случаев.
  • Триггеры — условия по которым происходит срабатывание наших целей (клик по кнопке, переход на страницу, прокрутка до конца страницы)
  • Тег – код, который будет подставляться на наш сайт при срабатывании цели

Пример: У нас есть переменная «прокрутка страницы». Она будет использоваться в триггере (в условии) — «прокрутка 90%». После срабатывания этого условия на сайте будет выведен код, который мы зададим в теге «Прокрутка 90%»

Переходим в раздел «Переменные», и в блоке встроенные переменные нажимаем «Настроить». На этом этапе нам надо просто выбрать из уже существующих встроенных переменных те переменные, которые необходимы для настройки наших 4 целей.

настройка переменных в ГТМ

Какие переменные выбираем?

Блок прокрутка

  • Scroll Depth Threshold (для цели прокрутка 90%)

Блок Формы

  • Form Element (Для отслеживания клика по кнопке формы)

Блок Клики

  • Click Text (Для целей клик по номеру телефона)
  • Click Element (Для целей клик по кнопке, по иконке, буллиту)

Типы переменных в GTM

НАСТРОЙКА ЦЕЛИ ПРОКРУТКА 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>

Триггер клик по номер телефона 2

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

НАСТРОЙКА ЦЕЛИ КЛИК ПО КНОПКЕ

А) Создаем новый триггер и выбираем тип триггера «Все элементы» в блоке «Клик»

Триггер клик по кнопке 1

Б) Настраиваем условие и событие для триггера «Клик по кнопке на первой странице»

В качестве переменной можно опять использовать «Click Text», но часто бывает, что текст на кнопке одинаковый, например, на странице несколько кнопок с текстом «Задать вопрос». Поэтому будем использовать переменную Click Element, а в качестве значения для переменной будем использовать селектор CSS. 

Как скопировать селектор?

1.

html как скопировать селектор css

2.

html как скопировать selector css

Выполняем настройку триггера.

настройка триггера для клик по кнопке

В) Задаем имя триггера «Клик по кнопке на первой странице» и сохраняем

Г) Создаем новый тег «Клик по кнопке на первой странице». 

Выбираем триггер «Клик по кнопке на первой странице». Тип триггера – пользовательcкий HTML

<script type="text/javascript">
yaCounter53197657.reachGoal('button1');
</script>

Тип триггера пользовательcкий HTML

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

НАСТРАИВАЕМ ЦЕЛЬ УСПЕШНАЯ ОТПРАВКА ФОРМЫ

Часто цель по успешной отправке формы настраивается неверно. Например, можно настроить цель «Успешная отправка формы» по событию клик по кнопке «Отправить. Это не правильно. Так как клик по кнопке, совсем не означает, что форма была отправлена успешно. Например, когда не были заполнены обязательные поля в форме.

Поэтому цель будем настраивать по селектору формы. Кликаем по форме правой кнопкой, выбираем «просмотреть код элемента»

копируем селектор формы 1

копируем селектор формы 2

А) В GTM создаем новый триггер и выбираем тип триггера «Отправка формы» в блоке «Взаимодействия пользователей»

тип триггера «Отправка формы» в блоке «Взаимодействия пользователей»

Б) Настраиваем триггер. В качестве переменной используем «Form Element», соответствует селектору CSS, вставляем селектор формы. Сохраянем.

переменной используем «Form Element»,

В) Создаем новый тег «Отправка формы 1 экран».. 

Выбираем триггер «Отправка формы с первого экрана». Тип триггера – пользовательcкий HTML

<script type="text/javascript">
yaCounter53197657.reachGoal('send-main-form');
</script>

) Создаем новый тег «Отправка формы 1 экран»..

 

 

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

Вставить скрикаст

 

ЗАКЛЮЧЕНИЕ

Как же выставить цели в Яндекс Метрике? Четко следовать инструкции. После настройки 2-3 целей, все будет получаться автоматически. Преимущество данного метода – его универсальность. Так как самостоятельно, не меняя код сайта, можно выставить цели в интернет магазине, блоге, одностраничном сайте. В таблице ниже находятся названия переменных, триггеров, тегов и идентификаторов, которые мы использовали для выставления целей в Yandex Metrika.

Название целиИдентификатор в Яндекс МетрикеТип условия в Яндекс МетрикеПеременная в GTMТриггер в GTMТЕГ в GTMКод тега в контейнер пользовательский HTML
Прокрутка страницыscroll90JavaScript событиеScroll Depth ThresholdГлубина прокруткиПользовательcкий html
yaCounter53197657.reachGoal('scroll90');
             
Клик по номеру телефонаclick-tel-headJavaScript событиеClick TextКлик – Все элементыПользовательcкий html
yaCounter53197657.reachGoal('click-tel-head');
Клики по кнопке на 1 экранеbutton1JavaScript событиеClick ElementКлик – Все элементыПользовательcкий html
yaCounter53197657.reachGoal('button1');
Отправка формы 1 экранsend-main-formJavaScript событиеForm ElementОтправка формыПользовательcкий html
yaCounter53197657.reachGoal('send-main-form');

 

Желаю вам здоровья, успеха, счастья, Вашим детям и родственникам

Как выставить цели в Яндекс метрике – за 5 шагов без программиста и без Java Script.

0 Число голосов: 3
5
5
1
3

Комментарии ()

  1. Комментарий был удален.
    1. Иван 20 апреля 2021, 14:54 # 0
      Статья огонь!
      1. Иван 20 апреля 2021, 14:55 # 0
        Полезный у вас блог https://dart.agency/!

        Наши клиенты

        Многие компании уже доверяют нам. Будьте в их числе!

        Хотите реализовать проект?

        Контакты

        Напишите нам - мы расскажем вам много интересного!


        Пермь, шоссе Космонавтов 252, офис 218