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

Как подключить Яндекс.Метрику на сайт — советы в блоге

9 декабря 2024


Автор: Концепт Маркетинговое агентство
Фото 1: «Как подключить Яндекс.Метрику на сайт»

Яндекс.Метрика — незаменимый инструмент владельца онлайн-площадки, который помогает собрать и проанализировать данные о работе сайта. В статье расскажем об особенностях этого сервиса и способах его подключения на готовые сайты от «Концепт».


Для чего нужна Яндекс.Метрика

Если коротко, то ЯМ предназначена для анализа трафика и его источников. Чаще всего сервис используют для решения следующих задач:

  • Оценка эффективности рекламы. Сервис показывает, какие каналы приводят больше конверсий, что позволяет корректировать стратегии продвижения и экономить бюджет.

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

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

  • Контроль за достижением целей. Сервис позволяет настраивать цели (например, отправка заявки или покупка товара) и отслеживать их выполнение для анализа конверсии.

  • Оценка производительности сайта. Помимо всего прочего ЯМ позволяет мониторить скорость загрузки страниц и другие технические параметры, которые оказывают непосредственное влияние на пользовательский опыт.

Отдельный плюс Яндекс.Метрики в том, что она предоставляет информативные и наглядные отчеты в виде графиков, таблиц и диаграмм. Полученные данные помогают корректно индексировать новые страницы и присваивать сайту поведенческие факторы.

Как подключить сервис

Если у вас еще нет учетной записи в Яндекс, начните с регистрации. Это займет всего несколько минут.

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

Фото 2: «Как подключить Яндекс.Метрику на сайт»

Кликните на «Добавить счетчик» и на открывшейся странице укажите следующие данные:

  • Имя счетчика. Можно присвоить любое название. Оно будет отображаться на странице «Мои счетчики».

  • Адрес сайта. Укажите домен вашего сайта или его полный путь без протокола (например, site.ru).

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

  • Часовой пояс. Выберите часовой пояс вашего региона, чтобы отчеты отображались в актуальном времени.

  • Почта для уведомлений. Здесь нужно указать адрес электронной почты, на которую вы хотите получать полезные оповещения от Метрики.

  • Валюта. Выберите денежную единицу, в которой будут фиксироваться данные электронной коммерции.

  • Тайм-аут визита. Установите время (от 30 минут до 6 часов), после которого визит пользователя будет считаться завершенным.

Фото 3: «Как подключить Яндекс.Метрику на сайт»

После заполнения всех полей ознакомьтесь с условиями пользовательского соглашения и поставьте галочку в чекбоксе. При необходимости также можно согласиться на рассылку рекламных и других сообщений. После заполнения всех полей кликните на кнопку «Создать счетчик».

Далее откроется окно с кодом для веб-аналитики, который уже настроен в соответствии с вашими параметрами. Рассмотрим ключевые функции, которые можно выбрать при генерации кода:

  • Вебвизор. Позволяет записывать действия посетителей на сайте и воспроизводить их в виде видеороликов. Это поможет лучше понять, как пользователи взаимодействуют с вашим сайтом.

  • Отслеживание хеша. Функция будет особенно полезна для AJAX-сайтов. Она позволяет собирать данные о страницах, которые обновляются без полной перезагрузки.

  • Асинхронный код. Эта опция предотвращает замедление загрузки сайта из-за работы Яндекс.Метрики. Код загружается в фоновом режиме, не влияя на скорость отображения страниц.

  • Для XML-сайтов. Если на вашем сайте используются данные в формате XML, отметьте эту функцию для корректной обработки таких данных.

  • В одну строку. Сжатие кода до минимального размера. Обратите внимание, что в этом случае код станет трудночитаемым.

  • Запрет индексации. Выбирайте эту опцию, если не хотите, чтобы страницы сайта индексировались в Яндексе.

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

  • Альтернативный CDN. Позволяет собирать статистические данные в регионах, где доступ к Яндексу ограничен (например, Украина). Минус этой функции в том, что она может замедлить загрузку сайта.

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

В разделе «Фильтры» активируйте опцию «Не учитывать мои визиты», чтобы ваши рабочие действия не искажали статистику. В «Уведомлениях» настройте удобный способ получения сообщений о возможных сбоях и проблемах. Также вы можете разграничить права доступа для разных пользователей и задать до 200 целей для каждого проекта.

После завершения настройки сохраните изменения и добавьте код на сайт.

Как привязать ЯМ на сайт от «Концепт»

Независимо от того, на каком решении работает ваш сайт — «КРАКЕН», «ХАМЕЛЕОН» или «ФЕНИКС», вы можете создать цели для отслеживания отправки форм и нажатий на кнопки блоков. Предлагаем ознакомиться с инструкцией для каждого события.

Отправка формы
1. Перейдите в настройки сайта в раздел «Аналитика и сервисы» и добавьте код счетчика ЯМ в соответствующее поле.

Фото 4: «Как подключить Яндекс.Метрику на сайт»

2. В административной панели откройте настройки формы, показатели которой вы хотите отслеживать. Во вкладке "Веб-аналитика" укажите произвольный идентификатор цели (например, formSubmit). Используйте только латиницу, никаких пробелов и спецсимволов!

Фото 5: «Как подключить Яндекс.Метрику на сайт»

3. В интерфейсе Яндекс.Метрики создайте новую цель типа «JavaScript-событие» и задайте ей такой же идентификатор.

Фото 6: «Как подключить Яндекс.Метрику на сайт»

Убедитесь, что в настройках счетчика отключена фильтрация ваших собственных действий.

Обратите внимание! Цели начинают отображаться в Метрике с задержкой 20–30 минут.

Нажатия на кнопку блока
1. В поле для кода события onclick добавьте функцию, которая будет срабатывать при клике. Это можно сделать в административной панели в соответствующем разделе настройки кнопки.

Фото 7: «Как подключить Яндекс.Метрику на сайт»

2. Укажите функцию, например:

    1. yaCounter53291554.reachGoal('buttonlidopros'); return true

    2. ym(53291554, 'reachGoal', 'ostavilkontakt'); return true

    3. myFunction(param1, param2)

Обратите внимание! Это поле предназначено для специалистов, которые понимают, как работает аналитика и зачем измеряется нажатие на кнопку.

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