Аналитика сайта

Яндекс.Метрика: подключение счётчика и настройка целей

Сложность ∙ Средняя
Яндекс.Метрика — это бесплатный сервис от компании Яндекс, позволяющий оценить посещаемость сайта и проанализировать поведение пользователей на нём. Благодаря Метрике вы можете понять, как можно улучшить ваш сайт, какие разделы не пользуются популярностью и многое другое. 

В этой статье мы разберём как подключить Яндекс.Метрику к сайту и настроить цели. Смотреть будем на примере самописных сайтов и сайтов, собранных в конструкторе (на примере mottor).
Выберите интересующий раздел:

Подключение счётчика к сайту

Если у вас самописный сайт, то добавьте код счетчика в HTML-код всех страниц сайта. Специалисты яндекса рекомендуют разместить его внутри элементов head или body как можно ближе к началу страницы — от этого зависит полнота и корректность подсчета данных. Так счётчмк будет раньше загружаться и сможет отправить данные о просмотре в Метрику, даже если посетитель почти сразу же закроет страницу.

Код счётчика можно найти в личном кабинете Яндекс.Метрики, раздел Настройки:

Код Яндекс Метрики

Если ваш сайт собран в конструкторе, то есть два способа:
Первый. Для некоторых систем есть готовые плагины. Обычно в плагине достаточно указать только номер вашего счетчика: 65053075.

Второй. Если плагина нет, код счетчика нужно вставить в поле для произвольного html-блока.

Подключение счётчика метрики к сайту mottor
Подключение счётчика метрики к сайту, собранному в mottor

Важно! Если вы установили код на сайт, а потом поменяли настройки счетчика, код на сайте нужно обновить.

Как подключить Яндекс.Метрику в mottor

Вы можете посмотреть наше короткое видео по настройке или прочитать инструкцию ниже

1. Перейдите в настройки вашего сайта
Перейдите в раздел Сайты, нажмите на 3 точки у нужного сайта и затем Настройки:

Карточка сайта mottor

2. Откройте раздел Счётчики
И нажмите кнопку Подключить Яндекс.Метрику

Подключение счётчика метрики к сайту mottor

3. Авторизуйтесь и подтвердите разрешения
Это требуется, чтобы наша API создала на вашем аккаунте Яндекс.Метрики новый счетчик и подключила его к сайту автоматически:

Разрешения для Яндекс.Метрики

Готово! Теперь новый счетчик Метрики успешно создан и подключен к вашему сайту.

Разместив Метрику на основном вашем сайте в mottor, она автоматически установится на всех страницах этого сайта. Поэтому дополнительных настроек для установки Метрики на страницах не требуется.

Настройка целей

Если вы никогда раньше не настраивали цели и не знаете что это такое, то начнём с простого объяснения. Если опыт у вас есть — можете пропустить этот пункт и перейти к первому шагу настройки :)

При создании нового сайта вы ожидаете каких-то действий от клиентов. Например, если делаете лендинг — нужно чтобы клиент оставил свои контактные данные в форме заявки. Если это интернет-магазин — следим, чтобы клиент совершил покупку.
Цели в метрике позволяют отслеживать совершение таких действий посетителями на вашем сайте. Сколько посетителей прокрутило страницу до конца? Сколько кликнуло по номеру телефона? Сколько человек кликнули на форму, но не заполнили её?

Основываясь на данных этих целей можно делать выводы о том, насколько хорошо сделан сайт, сколько прибыли он приносит и оправдываются ли рекламные кампании.

Вообще в метрике существует несколько типов целей, основные это:

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

2. Посещение страниц. С помощью такой цели можно отследить посещение клиентом определённых страниц сайта или переходы по внешним ссылкам.

3. JavaScript событие. Самый гибкий тип цели, с помощью кода JavаScript можно настроить цели на взаимодействие посетителя с функционалом сайта.

4. Составная цель. Цепочка действий посетителя, состоящая из целей других типов.

Мы рассмотрим несколько вариантов их настройки и будем использовать в основном типы «JavaScript-событие» и «Посещение страниц». Разбирать будем на примере самописных сайтов, а также посмотрим, как просто можно настраивать цели в конструкторе сайтов mottor. 

Прежде чем настраивать цели — убедитесь, что у вас уже подключен основной счётчик Яндекс.Метрики на странице.

Цель на отправку формы

Благодаря этой цели мы определим сколько клиентов заполнили форму на сайте.

1. Добавляем цель
В Яндекс.Метрике переходим в раздел Цели и нажимаем на кнопку "Добавить цель"

Раздел Цели в Яндекс.Метрике

2. Заполняем цель в метрике

Придумываем название, например, "Отправка формы"
и идентификатор, например, "form_ok"
Примечание. Идентификатор вы придумываете самостоятельно, он должен быть на латинице и может содержать нижнее подчёркивание "_".

Цель на отправку формы в Яндекс.Метрике

Готово! На стороне метрики цель создана. Теперь необходимо разместить данные о ней в коде сайта.

3. Размещаем цель в коде сайта
Давайте представим, что в коде вашего сайта есть вот такой код кнопки:

<input type="button" "value="Заказать" />

И теперь необходимо добавить следующий параметр (выделен полужирным):

<input type="button" onclick="ym111111.reachGoal('zakazat'); return true; "value="Заказать" />

Вместо 111111 нужно указать номер вашего счетчика Метрики, на месте zakazat — ваш идентификатор.

Пример:

  • номер моего счётчика 65053075
  • идентификатор для цели создан form_ok

<input type="button" onclick="ym65053075.reachGoal('form_ok'); return true; "value="Заказать" />

На этом всё. Теперь цель полностью настроена и будет работать.

Как эта цель настраивается в mottor

После того, как вы создали цель в метрике, как показано выше, остаётся только прописать идентификатор в настройках блока — раздел Цели.
Кроме идентификатора, вам больше ничего не потребуется. :)

Пример настройки цели для формы в редакторе mottor
Пример настройки цели для формы в редакторе mottor
Как настроить цель на открытие и отправку формы в mottor

Цель на переход по внешней ссылке

Иногда нам нужно отследить сколько клиентов перешло по какой-либо внешней ссылке на сайте. Например, это может быть ссылка на дополнительную страницу сайта, на сайт партнёра, переход в социальные сети и мессенджеры или рекламная ссылка, по которой нам необходима статистика переходов.

Такую цель создать просто и она настраивается полностью на стороне Яндекс Метрики:

Тип цели выбираем “Посещение страниц”, а в поле “Условие” указываем
url: содержит http://site.ru

http://site.ru - ссылка, по которой мы отслеживаем переход. Например, если мы будем отслеживать переход по ссылке в группу ВКонтакте, то это будет выглядеть примерно так:

url: содержит https://vk.com/lpmotor

Цель на переход по ссылке Яндекс.Метрика

Всё готово! Пример настройки этой цели можно посмотреть в нашем коротком видео:

Как настроить цель на переход по внешней ссылке

Цель на количество просмотренных страниц сайта

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

Например, у нас на сайте всего 4 страницы. Мы создаём цель, чтобы отследить сколько посетителей открыли все 4 страницы сайта.

Тип цели будет “Количество просмотров”, а ниже мы просто указываем количество страниц, которое посетитель должен открыть, чтобы цель сработала.

Цель на количество просмотров страницы Яндекс.Метрика

Готово! Можно точно так же создать несколько промежуточных целей на посещение 2 и 3 страниц, для сравнения результатов.

Пример настройки данной цели можно посмотреть в видео ниже:

Как настроить цель на количество просмотренных страниц сайта

Цель на клик по номеру телефона

С помощью этой цели можно отслеживать количество кликов по номеру телефона на сайте. Эта цель будет отслеживать каждый клик по любому элементу с указанным номером телефона на странице.

1. Создаём цель в Яндекс Метрике
Название придумываем своё. Например, "Клик по телефону"
Тип условия выбираем "Клик по номеру телефона"

Цель на клик по номеру телефона Яндекс.Метрика

2. Выбираем все номера телефонов, если вы хотите, отслеживать клики по всем номерам на вашем сайте:

Цель на клик по номеру телефона Яндекс.Метрика

Если нужен конкретный номер, то указываем его вот так:

Цель на клик по номеру телефона Яндекс.Метрика

Цель на клик по эл. почте

С помощью этой цели можно отслеживать количество кликов по эл.почте на вашем сайте. Эта цель будет отслеживать каждый клик по любому элементу с указанной эл.почтой на странице.

1. Создаём цель в Яндекс Метрике
Название придумываем своё. Например, "Клик по почте"
Тип условия выбираем "Клик по email"

Цель на клик по email Яндекс.Метрика

2. Выбираем все email-адреса, если вы хотите, отслеживать клики по всем эл. почтам на вашем сайте:

Цель на клик по email Яндекс.Метрика

Если нужна конкретная почта, то указываем её вот так:

Цель на клик по email Яндекс.Метрика

Цель на количество проведенного времени на странице

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

1. Создаём цели в Метрике
Здесь мы создадим сразу 5 целей. Каждая цель будет срабатывать через заданный промежуток времени, если посетитель ещё не закрыл страницу.

У всех целей будет тип JavaScript событие

 Название цели Идентификатор цели
 30 секунд 30sec
 1 минута 1min
 3 минуты 3min
 5 минут 5min
 10 минут 10min
Цель на время проведенное на странице Яндекс.Метрика
По аналогии создаём и другие цели на время

2. Копируем код
Здесь мы создадим сразу 5 целей. Каждая цель будет срабатывать через заданный промежуток времени, если посетитель ещё не закрыл страницу.

<script>
setTimeout('yaCounterXXXXXX.reachGoal("30sec");', 30000);
setTimeout('yaCounterXXXXXX.reachGoal("1min");', 60000);
setTimeout('yaCounterXXXXXX.reachGoal("3min");', 180000);
setTimeout('yaCounterXXXXXX.reachGoal("5min");', 300000);
setTimeout('yaCounterXXXXXX.reachGoal("10min");', 600000);
</script>

Заменяем в каждой строчке XXXXXX на номер вашего установленного счётчика и добавляем этот код в код страницы перед закрывающим тегом  </body>.

В mottor, например, этот код вставляется в настройках сайта:

Пример вставки кода цели в настройках сайта, созданного в mottor
Пример вставки кода цели в настройках сайта, созданного в mottor
или в настройках конкретной страницы, если цель должна срабатывать только на ней:
Пример вставки кода цели в настройках страницы в интерфейсе mottor
Пример вставки кода цели в настройках страницы в интерфейсе mottor

Как создать такую цель и установить код цели в mottor

Цель на прокрутку страницы до конца

Ещё один хороший показатель того, что аудитория подобрана правильно — сколько посетителей просматривает ваш сайт до конца.

1. Создаём цели в Метрике
Создаём новую цель, как в нашем примере:
Название — Прокрутил страницу до конца
Тип — JavaScript-событие
Идентификатор — ScrollToEnd

Цель на прокрутку страницы Яндекс.Метрика

2. Копируем код

<script>
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height())
{ yaCounterXXXXXX.reachGoal("ScrollToEnd"); }
});
</script>

Заменяем в коде:
XXXXXX — на свой номер счётчика
ScrollToEnd — меняем на свой идентификатор цели, если он у вас отличается.

И добавляем этот код в код страницы перед закрывающим тегом  </body>.

В mottor, например, этот код вставляется в настройках сайта:

Пример вставки кода цели в настройках сайта, созданного mottor
Пример вставки кода цели в настройках сайта, созданного mottor
или в настройках конкретной страницы, если цель должна срабатывать только на ней:
Пример вставки кода цели в настройках страницы в интерфейсе mottor
Пример вставки кода цели в настройках страницы в интерфейсе mottor

Готово! Цель на прокрутку страницы до конца настроена.

Как создать такую цель и установить код цели в mottor

Цель на клик по кнопке

Цель на клик по кнопке настраивается аналогично цели на отправку формы

1. Добавляем цель
В Яндекс.Метрике переходим в раздел Цели и нажимаем на кнопку "Добавить цель"

Раздел Цели в Яндекс.Метрике

2. Заполняем цель в метрике
Название можно указать, например, "Клик по кнопке "Скачать прайс"
Идентификатор button_price

Цель на клик по кнопке Яндекс.Метрика

Готово! На стороне метрики цель создана. Теперь необходимо разместить данные о ней в коде сайта.

3. Размещаем цель в коде сайта
Давайте представим, что в коде вашего сайта есть вот такой код кнопки:

<input type="button" "value="Заказать" />

И теперь необходимо добавить следующий параметр (выделен полужирным):

<input type="button" onclick="ym111111.reachGoal('zakazat'); return true; "value="Заказать" />

Вместо 111111 нужно указать номер вашего счетчика Метрики, на месте zakazat — ваш идентификатор.

Пример:

  • номер моего счётчика 65053075
  • идентификатор для цели создан button_price

<input type="button" onclick="ym65053075.reachGoal('button_price'); return true; "value="Заказать" />

На этом всё. Теперь цель полностью настроена и будет работать.

Как эта цель настраивается в mottor

После того, как вы создали цель в метрике, как показано выше, остаётся только прописать идентификатор в настройках блока — раздел Аналитика.
Кроме идентификатора, вам больше ничего не потребуется. :)

Пример настройки цели для кнопки в редакторе mottor
Пример настройки цели для кнопки в редакторе mottor

Примечание. Если вы настраиваете цели в редакторе mottor, то подобные цели можно настроить на клик почти по любому элементу на сайте — кнопке, картинке, всплывающему окну.

Как настроить цель на клик по кнопке или картинке в mottor

Итоги

Итак, в этой статье мы узнали, как подключить счётчик метрики и настроить цели, чтобы отслеживать действия посетителей сайта.

Надеемся, вы примените эти знания при создании своего собственного сайта. Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно

Ищете конструктор чтобы собрать сайт
или интернет-магазин?
Попробуйте mottor бесплатно

бесплатный конструктор сайтов, лендингов и квизов
Документы:
Документы:
Полезные ссылки:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России