и заработке на этом
и увеличить продажи
с тех.поддержкой
с тех.поддержкой
Яндекс.Метрика: подключение счётчика и настройка целей
В этой статье мы разберём как подключить Яндекс.Метрику к сайту и настроить цели. Смотреть будем на примере самописных сайтов и сайтов, собранных в конструкторе (на примере mottor).
Аудит вашего сайта или консультация по редактору
Аудит вашего сайта или консультация по редактору
0₽
0₽
подключенного тарифа для конструктор сайтов
подключенного тарифа для конструктор сайтов
+4
+4
месяца
месяца
промокод на продвижение в сетях Яндекс
промокод на продвижение в сетях Яндекс
+12.000₽
+12.000₽
тарифа чат-ботов, автоворонок и мобильных приложений
тарифа чат-ботов, автоворонок и мобильных приложений
+3
+3
Бесплатный домен в зоне .ru/.рф
0₽
0₽
Бесплатный шаблон сайта под вашу сферу бизнеса
Бесплатный шаблон сайта под вашу сферу бизнеса
0₽
0₽
месяца
месяца
/год
/год
Получите подарки от mottor при подключении тарифа
Получите подарки от mottor при подключении тарифа
Подключение счётчика к сайту
Если у вас самописный сайт, то добавьте код счетчика в HTML-код всех страниц сайта. Специалисты яндекса рекомендуют разместить его внутри элементов head или body как можно ближе к началу страницы — от этого зависит полнота и корректность подсчета данных. Так счётчмк будет раньше загружаться и сможет отправить данные о просмотре в Метрику, даже если посетитель почти сразу же закроет страницу.
Код счётчика можно найти в личном кабинете Яндекс.Метрики, раздел Настройки:
Если ваш сайт собран в конструкторе, то есть два способа:
Первый. Для некоторых систем есть готовые плагины. Обычно в плагине достаточно указать только номер вашего счетчика: 65053075.
Второй. Если плагина нет, код счетчика нужно вставить в поле для произвольного html-блока.
Важно! Если вы установили код на сайт, а потом поменяли настройки счетчика, код на сайте нужно обновить.
Как подключить Яндекс.Метрику в mottor
1. Перейдите в настройки вашего сайта
Перейдите в раздел Сайты, нажмите на 3 точки у нужного сайта и затем Настройки:
2. Откройте раздел Счётчики
И нажмите кнопку Подключить Яндекс.Метрику
3. Авторизуйтесь и подтвердите разрешения
Это требуется, чтобы наша API создала на вашем аккаунте Яндекс.Метрики новый счетчик и подключила его к сайту автоматически:
Готово! Теперь новый счетчик Метрики успешно создан и подключен к вашему сайту.
Разместив Метрику на основном вашем сайте в mottor, она автоматически установится на всех страницах этого сайта. Поэтому дополнительных настроек для установки Метрики на страницах не требуется.
Настройка целей
Если вы никогда раньше не настраивали цели и не знаете что это такое, то начнём с простого объяснения. Если опыт у вас есть — можете пропустить этот пункт и перейти к первому шагу настройки :)
При создании нового сайта вы ожидаете каких-то действий от клиентов. Например, если делаете лендинг — нужно чтобы клиент оставил свои контактные данные в форме заявки. Если это интернет-магазин — следим, чтобы клиент совершил покупку.
Цели в метрике позволяют отслеживать совершение таких действий посетителями на вашем сайте. Сколько посетителей прокрутило страницу до конца? Сколько кликнуло по номеру телефона? Сколько человек кликнули на форму, но не заполнили её?
Основываясь на данных этих целей можно делать выводы о том, насколько хорошо сделан сайт, сколько прибыли он приносит и оправдываются ли рекламные кампании.
Вообще в метрике существует несколько типов целей, основные это:
1. Количество просмотров. Используется для измерения глубины просмотра сайта. Сколько страниц смотрят пользователи, удобно ли им перемещаться по сайту и находить нужную информацию.
2. Посещение страниц. С помощью такой цели можно отследить посещение клиентом определённых страниц сайта или переходы по внешним ссылкам.
3. JavaScript событие. Самый гибкий тип цели, с помощью кода JavаScript можно настроить цели на взаимодействие посетителя с функционалом сайта.
4. Составная цель. Цепочка действий посетителя, состоящая из целей других типов.
Мы рассмотрим несколько вариантов их настройки и будем использовать в основном типы «JavaScript-событие» и «Посещение страниц». Разбирать будем на примере самописных сайтов, а также посмотрим, как просто можно настраивать цели в конструкторе сайтов mottor.
Прежде чем настраивать цели — убедитесь, что у вас уже подключен основной счётчик Яндекс.Метрики на странице.
2. Заполняем цель в метрике
Придумываем название, например, "Отправка формы"
и идентификатор, например, "form_ok"
Примечание. Идентификатор вы придумываете самостоятельно, он должен быть на латинице и может содержать нижнее подчёркивание "_".
Готово! На стороне метрики цель создана. Теперь необходимо разместить данные о ней в коде сайта.
3. Размещаем цель в коде сайта
Давайте представим, что в коде вашего сайта есть вот такой код кнопки:
<input type="button" "value="Заказать" />
И теперь необходимо добавить следующий параметр (выделен полужирным):
<input type="button" onclick="ym111111.reachGoal('zakazat'); return true; "value="Заказать" />
Вместо 111111 нужно указать номер вашего счетчика Метрики, на месте zakazat — ваш идентификатор.
Пример:
<input type="button" onclick="ym65053075.reachGoal('form_ok'); return true; "value="Заказать" />
На этом всё. Теперь цель полностью настроена и будет работать.
Как эта цель настраивается в mottor
После того, как вы создали цель в метрике, как показано выше, остаётся только прописать идентификатор в настройках блока — раздел Цели.
Кроме идентификатора, вам больше ничего не потребуется. :)
Цель на переход по внешней ссылке
Иногда нам нужно отследить сколько клиентов перешло по какой-либо внешней ссылке на сайте. Например, это может быть ссылка на дополнительную страницу сайта, на сайт партнёра, переход в социальные сети и мессенджеры или рекламная ссылка, по которой нам необходима статистика переходов.
Такую цель создать просто и она настраивается полностью на стороне Яндекс Метрики:
Тип цели выбираем “Посещение страниц”, а в поле “Условие” указываем
url: содержит http://site.ru
http://site.ru - ссылка, по которой мы отслеживаем переход. Например, если мы будем отслеживать переход по ссылке в группу ВКонтакте, то это будет выглядеть примерно так:
url: содержит https://vk.com/lpmotor
Всё готово! Пример настройки этой цели можно посмотреть в нашем коротком видео:
Цель на количество просмотренных страниц сайта
С помощью такой цели можно отследить как много дополнительных страниц сайта посещают пользователи. Это покажет переходят ли пользователи с первой страницы на другие, или сразу уходят с сайта.
Например, у нас на сайте всего 4 страницы. Мы создаём цель, чтобы отследить сколько посетителей открыли все 4 страницы сайта.
Тип цели будет “Количество просмотров”, а ниже мы просто указываем количество страниц, которое посетитель должен открыть, чтобы цель сработала.
Готово! Можно точно так же создать несколько промежуточных целей на посещение 2 и 3 страниц, для сравнения результатов.
Пример настройки данной цели можно посмотреть в видео ниже:
Цель на клик по номеру телефона
С помощью этой цели можно отслеживать количество кликов по номеру телефона на сайте. Эта цель будет отслеживать каждый клик по любому элементу с указанным номером телефона на странице.
1. Создаём цель в Яндекс Метрике
Название придумываем своё. Например, "Клик по телефону"
Тип условия выбираем "Клик по номеру телефона"
2. Выбираем все номера телефонов, если вы хотите, отслеживать клики по всем номерам на вашем сайте:
Если нужен конкретный номер, то указываем его вот так:
Цель на клик по эл. почте
С помощью этой цели можно отслеживать количество кликов по эл.почте на вашем сайте. Эта цель будет отслеживать каждый клик по любому элементу с указанной эл.почтой на странице.
1. Создаём цель в Яндекс Метрике
Название придумываем своё. Например, "Клик по почте"
Тип условия выбираем "Клик по email"
2. Выбираем все 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
Цель на прокрутку страницы до конца
Ещё один хороший показатель того, что аудитория подобрана правильно — сколько посетителей просматривает ваш сайт до конца.
1. Создаём цели в Метрике
Создаём новую цель, как в нашем примере:
Название — Прокрутил страницу до конца
Тип — JavaScript-событие
Идентификатор — ScrollToEnd
2. Копируем код
<script>
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height())
{ yaCounterXXXXXX.reachGoal("ScrollToEnd"); }
});
</script>
Заменяем в коде:
XXXXXX — на свой номер счётчика
ScrollToEnd — меняем на свой идентификатор цели, если он у вас отличается.
И добавляем этот код в код страницы перед закрывающим тегом </body>.
В mottor, например, этот код вставляется в настройках сайта:
Готово! Цель на прокрутку страницы до конца настроена.
Как создать такую цель и установить код цели в mottor
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 есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:
— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat
ждут вас
