Меню

Как расположить счетчик по центру

Гайд по сервису Яндекс.Метрика: как настроить и не сломать голову

Яндекс.Метрика – сервис аналитики, который ничем не уступает популярному приложению Google Analytics, а в некоторых моментах даже превосходит этот сервис. В этой статье мы разберем, зачем использовать этот сервис, как настраивать, какие преимущества он дает, а также рассмотрим весь функционал приложения.

Зачем использовать Метрику

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

  1. Анализ трафика. Не просто сколько людей пришло, а откуда они зашли на сайт, каким образом привлечены (например, SEO или контекстная реклама), сколько лет пользователю, из какого он региона и так далее.
  2. Анализ поведения пользователей. Сервис предоставляет информацию о том, куда пользователи кликают чаще всего, как переходят по страницам, и даже записывает видео отдельных посещений.
  3. Поиск ошибок и неисправностей. Наблюдая за поведением пользователей, вы обязательно обнаружите какие-то сложности в использовании сайта с их стороны и сможете устранить проблему.
  4. Оценка результативности маркетинговых мероприятий: отследить клики по формам и кнопкам заявки.
  5. Разделение аудиторию на разные пласты.
  6. Отслеживание ключевых запросов, по которым приходят посетители.

Короче, Метрика – это must have для любого сайта. Она помогает улучшить сайт и наладить взаимодействие с пользователем, так что ее просто необходимо использовать для успешного продвижения товаров и услуг.

Одно письмо в неделю с самыми актуальными статьями
+ обзор digital-профессий!

Весь функционал Метрики

Прежде чем переходить к разбору работы с сервисом, рассмотрим какие функции Яндекс.Метрика вообще предлагает.

Сводка

Это первая страница кабинета в метрике. Сводка отображает все показатели сайта на текущий момент в разрезе разных периодов времени: сегодня, вчера, за неделю, месяц, квартал и год. Можно посмотреть показатели по конкретной дате. Через функцию «Создать «виджет» можно добавить дополнительные метрики для отслеживания.

Вот стандартные значения:

Тип метрики О чем говорит Как выглядит
Посетители Показывает общее количество посетителей на сайт за конкретный отрезок времени.
Новые посетители Исключает пользователей, уже посещавших сайт раньше, показывает новых посетителей. Позволяет определить сколько новых людей охватывает сайт.
Источники трафика Показывает откуда пользователи пришли: из органического поиска, с рекламы, из социальных сетей или по ссылкам со сторонних сайтов.
Отказы Эта метрика говорит о случаях, когда пользователи пришли на сайт и сразу же ушли с первой страницы.
Глубина просмотра Показывает сколько страниц в среднем просматривает один пользователь на сайте.
Время на сайте Сколько времени в среднем пользователь проводит на сайте.
С каких устройств чаще всего заходят пользователи Важная метрика в том случае, когда на сайте нет мобильной версии. Если показатель мобильных переходов высоки, нужно срочно думать о мобильной адаптации сайта.

Кстати, мобильного трафика почти всегда больше, так что не пренебрегайте мобильной версией, сколько бы она ни стоила.

Возраст Показывает средний возраст аудитории, сегментирует ее на отдельные категории.

Также в разделе «Сводка» есть информация о количестве переходов на конкретные страницы и о последних поисковых фразах, по которым приходят пользователи.

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

Отчеты

Это огромный раздел, который содержит в себе кучу информации о вашей аудитории и сайте.

В интерфейсе Яндекс.Метрики уже есть готовые отчеты по разным характеристикам:

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

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

Карты

Это первый инструмент аналитики поведения на сайте.

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

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

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

Вебвизор

Крутейший инструмент, которого нет у других сервисов аналитики. Это неоспоримое преимущество Яндекс.Метрики. Вебвизор позволяет отслеживать поведение пользователей в реальном времени, а также рассказывает о посетителе много полезного:

  • его географическое положение;
  • откуда пришел (прямой переход по ссылке, поиск, реклама, социальные сети, сайты-партнеры);
  • сколько времени провел на сайте;
  • по какому запросу пришел;
  • сколько раз просматривал сайт раньше;
  • с какого устройства заходил.

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

Посетители

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

Сегменты

Сегменты в Яндекс.Метрике — это функционал, полезный при работе с отдельными источниками продвижения сайта. Например, его можно использовать для отслеживания количества отказов в конкретной рекламной кампании Яндекс.Директ. Он позволяет:

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

Функция полезна для экономии бюджетов рекламы.

Как подключить счетчик на сайт

Чтобы пользоваться Метрикой, нужно сначала зарегистрировать почту в Яндексе. Как это делать, рассказывать не будем, это несложно. Далее переходим к настройке и работе с самим счетчиком Яндекс.Метрики:

  1. Переходим на страницу https://metrika.yandex.ru/ и нажимаем на кнопку «Добавить счётчик».
  2. В следующем окне заполните поля «Имя сайта» и «Домен», включите «Вебвизор и карты», поставьте галочку напротив «Я принимаю Пользовательское соглашение», нажмите «Создать счетчик»:
  3. Далее нужно установить код счетчика Яндекс.Метрики на ваш сайт, копируем и идем в редактор кода сайта в CMS или на сайт хостинга, или через доступ по FTP.

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

Рекомендуется размещать код счетчика Яндекс.Метрики как можно выше в коде страниц сайта. Чаще всего его помещают в контейнер . Именно , потому что он есть на всех страницах сайта, находится ближе всего к верхней части кода и загружается первым, и код счетчика подгружается вместе с ними. Таким образом, вы будете получать более точную информацию: учитываются все посещения, даже если страница не до конца загружена.

Если ваш сайт управляется CMS (Системой управления сайтом), искать контейнеры нужно в файле header.php в самой CMS или на хостинге, где размещается сайт.

Второй способ – использовать плагин. В WordPress есть плагин с одноименным названием «Яндекс Метрика». Чтобы добавить счетчик через него, даже не нужно лезть в код, достаточно ввести номер счетчика в специальное поле и нажать Save:

Код счетчика можно взять вот здесь после начала использования счетчика:

Или из кода отслеживания, вот здесь:

Вот полезное видео о том, как устанавливать счетчик на WordPress:

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

Как настроить, если что-то забыли

Например, если вы не включили вебвизор при первой установке Яндекс Метрики. Зайдите в кабинет и перейдите в раздел настройки, выбираем соответствующий раздел в метрике «Вебвизор» и переводим бегунки в положение «Вкл».

Теперь нужно перейти в раздел «Счетчик», скопировать код и обновить его на сайте через код.

Настройка целей в Яндекс.Метрике

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

Чтобы добавить цель, переходим в раздел «Настройки»→«Цели», жмем «Добавить цель»:

Рассмотрим примеры целей разного назначения и как их настроить в Яндекс.Метрике:

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

Эта цель предоставит информацию о переходах по нескольким страницам, что актуально, когда нужно увеличить вовлеченность аудитории:

Цель с такими настройками покажет всех пользователей, перешедших на 3 и более страниц.

Целевая страница

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

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

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

Такая цель покажет все переходы на страницу с конкретным адресом.

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

Кстати, вот ссылка на раздел с образовательными программами для web-аналитиков:

Там вас научат пользоваться и Метрикой, и Google Analytics, и еще кучей полезных сервисов.

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

Цели JavaScript-события

Это инструмент, который позволяет отслеживать событие нажатия кнопки в форме заявки или заполнение полей.

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

О настройках таких целей читайте здесь → Настройка JavaScript-события, справка Яндекс, можно дать эту ссылку вашему вебмастеру или маркетологу, они справятся с этой задачей или найдут человека, который поможет разобраться с проблемой.

А на случай, если у вас давно есть желание освоить востребованную профессию разработчика, вот ссылка на соответствующий раздел нашего сайта:

Составная цель

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

Таким образом, можно отслеживать, востребованность конкретной позиции в каталоге.

Где искать информацию по выполненным целям

Эту метрику можно вывести на основной экран сводки:

  1. Переходим в раздел метрики «Сводка».
  2. Нажимаем создать виджет.
  3. Выбираем способ отображения информации: цифровой, диаграмма, линии, таблица;
  4. Заполняем название и указываем нужные характеристики.

Для примера: создание цифрового виджета цели «Количество просмотренных страниц 3+»:

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

Вместо вывода

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

Если остались вопросы, добро пожаловать в комментарии. Если хотите получать разные полезности из digital-среды и маркетинга каждый день, подписывайтесь на наш телеграм.

Источник

Как установить Метрику за 4 шага

«Яндекс Метрика» позволяет анализировать различные характеристики сайтов: поведение пользователей, источники трафика (реклама в «Яндекс», Google, социальных сетях, поисковый трафик), эффективности каждого источника и т.д. Статистические данные и отчеты «Метрики» используют для формирования рекомендаций по оптимизации сайта, рекламных каналов, seo-продвижения. Внедряя и тестируя различные гипотезы, на основании данных «Метрики» можно судить об их актуальности.

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

В статье мы расскажем о том, как настроить и установить «Яндекс Метрику» на сайт.

Работа счетчика «Метрики»

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

Поэтому для начала создаем новый счетчик со своим номером.

Шаг 1. Создаем счетчик и первично его настраиваем

Заходим на сайт «Яндекс Метрика» и авторизируемся в нужном аккаунте (в котором ведется контекстная реклама в «Директе» или в любом другом). Те, у кого уже создан счетчик, могут пропустить этап создания и перейти сразу к проверке правильности его настроек. Если счетчик настроен неверно – потребуется обновление и переустановка на сайте.

Жмем кнопку «Добавить счетчик».

В одном аккаунте могут быть несколько счетчиков (причем для разных сайтов (доменов)). В таких случаях вместо надписи «Не найдено ни одного счетчика» будет отображаться список счетчиков.

Переходим к настройкам счетчика. На появившейся странице вводим основные данные: название счетчика (1) (понятное для вас) и адрес (домен) сайта (2).

Дополнительные адреса сайта (3) указываются не всегда, а только для зеркала сайта. Или в тех случаях, когда в один счетчик нужно собирать данные по нескольким сайтам. Отмечаем пункт «Принимать данные только с указанных адресов» (4) (данные от посторонних сайтов не будут передаваться в ваш счетчик). Отмечаем пункт «Включая поддомены» (5) (данные будут передаваться со всех поддоменов сайта). Даже если в настоящем у сайта нет поддоменов, но они появятся в будущем, то настройки счетчика изменять не потребуется. Устанавливаем часовой пояс (6).

Также рекомендуем отмечать опцию «Вебвизор, карта скроллинга, аналитика форм» (7). Вебвизор записывает экран во время визита каждого пользователя сайта и каждая запись может быть просмотрена. Благодаря этому можно определить наиболее интересные пользователю страницы и области сайта, и наоборот – объекты, вызывающие проблемы. Аналитика форм и карты ссылок, кликов и скроллинга предоставляют данные по кликабельности ссылок и областей сайта, по распределению внимания по областям сайта, по взаимодействию с формами. Эти функции позволяют правильно понимать, как функционируют сайт и источники трафика, и внедрять необходимые улучшения.

Принимаем условия соглашения (8) и сохраняем счетчик.

Счетчик создан. И ему присвоен уникальный номер.

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

Шаг 2. Делаем расширенные настройки

Раскрывающийся список «Дополнительные настройки» оставляем так, как отмечено по умолчанию.

Ранее нужно было делать дополнительные настройки для «Вебвизора». Но в настоящее время для него «Метрикой» используется версия 2.0, не требующая дополнительных установок. Можно лишь отключить запись нажатия клавиш, но мы этого делать не будем.

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

Переходим на вкладку «Фильтр» в настройках. Отмечаем опцию «Не учитывать мои визиты». Так «Метрикой» не будут учитываться в статистике ваши визиты.

Если необходимо исключение еще какого-то трафика, например, офиса вашей организации (вряд ли посещения менеджеров, операторов, маркетологов и дизайнеров отражают поведение потенциальных клиентов), нужно добавить новый фильтр. Выбираем тип фильтра «Исключить трафик». В ячейке «Поле» оставляем «IP адрес» (есть еще «Заголовок» и «URL страницы», но для данного случая не подходят) и прописываем IP-адреса офиса (точные или в интервале).

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

В разделе «Операции» данной вкладки можно привести отображение данных в удобный вид. Например, можем вырезать определенные параметры у реферера или url страниц, убрать якоря, заменить домен и т.д.

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

Если в будущем потребуется изменить что-то в настройках счетчика – кликните на колесико напротив необходимого счетчика. После этого откроется окно настроек.

Шаг 3. Устанавливаем счетчик

Для установки счетчика на сайт, нужно скопировать его код. Заходим на вкладку «Счетчик» в меню настроек и копируем код нажатием на кнопку «Скопировать код».

Требуется поместить этот код на все страницы сайта между тегами или . В коде страницы код «Метрики» должен располагаться как можно ближе к началу. Это обеспечит фиксацию даже очень кратких визитов пользователей.

Если вы – обладатель статического сайта html (что сейчас редко), то зачастую на таких сайтах небольшое число страниц. Поэтому поставить «Метрику» вручную не будет слишком долго и сложно. Но если у вас динамический сайт, сайт с большим числом страниц, сайт на конструкторе или сайт с CMS – есть другие методы установки.

Шаг 4. Устанавливаем счетчик на сайты с CMS и сайты на конструкторах

«Яндекс» разработал автоматизирующие установку счетчика плагины для самых популярных CMS. Скачайте плагин для нужной CMS, установите его, авторизуйтесь и укажите номер счетчика. Плагины разработаны для следующих CMS: 1С-Битрикс, AdvantShop, Drupal, Django, Joomla, WordPress и других. А также для конструкторов: LPgenerator, Tilda, Ecwid, GetResponse и т.д. Полный перечень смотрите по ссылке выше.

Также есть возможность самостоятельно установить код счетчика, не вдаваясь в подробности устройства CMS. Для этого отыщите файл (через административную панель или файловый менеджер), содержащий генерируемый заголовок страницы (файлы шаблонов генерируемых страниц). У WordPress, например, этот файл называется header.php, у Joomla – index.php, у OpenCart – footer.tpl (для OpenCart на компьютер файл скачивается через FTP, редактируется и закачивается обратно). В файле будет тег или , в который и нужно вставить код «Метрики». Преимущество такого метода – вам не нужно устанавливать код «Метрики» на каждую страницу. Код автоматически будет генерироваться вместе с содержимым страниц.

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

Собираем данные

Счетчик начинает собирать данные сразу после установки. То, что установка прошла удачно и счетчик собирает данные, видно по его статусу. Оранжевый круг станет зеленым. И при наведении на него курсора мыши всплывет подсказка «Корректно установлен». Начнет отображаться число визитов, посетителей и просмотров за календарные сутки с момента установки счетчика.

Настройка и установка счетчика «Метрики» – процесс несложный. Следуйте инструкции, устанавливайте счетчик на сайт и не забывайте анализировать статистику и улучшать сайт и рекламу!

Источник



Как разместить счетчик по середине блока?

При этом он упорно прижимается к верхней границе блока!

Есть ли возможность разместить его по середине?

(В инспекторе кода vertical-align: middle не зачеркнут).

Как разместить список по середине, помогите, пожалуйста.
Здравствуйте. Вот код html:

.

Как разместить текст сверху и снизу блока
Привет. Задан блок с определенными заранее размерами. Как разместить внутри этого блока две строки.

для справки: vertical-align используется для выравнивания по вертикали в ячейках таблицы

поэтому, чтобы свойство vertical-align:middle; работало так, как вы хотите установите для div свойство display: table-cell; и само свойство vertical-align:middle; также пропишите для элемента div, а не для img

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

Примечание. Значения этого свойства имеют несколько другой смысл в контексте таблиц. См. подробнее в разделе об алгоритме высоты таблиц.

Я чего только ни делал! Всё равно и текст, и картинка прилипают к верхней кромке (см. http://wowa55.pz9.ru/mis28.html)!

Может, в CSS это вообще не реализуемо?
Или все-таки как-то можно?

Источник

Читайте также:  Срок эксплуатации водяного счетчика закончился

Приборы счетчики инструменты © 2021
Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению.