Установка Яндекс.Метрики на лендинг и полезные настройки счетчика

07.04.2016 Полезности   14 комментариев

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

Полезных настроек у Метрики очень много, углубляться во все я не стану, а остановлюсь только на основных, которые использую у себя.

Итак, что конкретно мы сегодня разберем:

1. Создание счетчика и основные настройки.
2. Затронем настройку целей.
3. Как установить счетчик на свой сайт.
4. Анализ статистики (источники трафика, вебвизор, карта кликов, достижение целей).

Вы можете посмотреть наглядный видеоурок по теме:

Создание и основные настройки счетчика Яндекс.Метрики

Метрика является бесплатным инструментом, но для ее использования вам понадобится аккаунт на Яндексе, то есть зарегистрированная почта. При переходе в Яндекс.Метрику по адресу _https://metrika.yandex.ru вас попросят авторизоваться в своем аккауте – ввести логин (адрес электронной почты) и пароль от нее.

Для создания нового счетчика жмем по кнопке «Добавить счетчик»:

создать счетчик яндекс.метрики

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

Дальше вписываем домен сайта. Только домен, а не полный url-адрес одностраничника. Ниже можем поставить галочку «Принимать данные только с указаных доменов».

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

создание счетчика яндекс метрика

Счетчик создан, ему присвоен номер (id), теперь можем перейти к его настройкам.

основные настройки счетчика метрики

Во вкладке «Код счетчика» ставим галочку напротив «Вебвизор, карта скроллинга, аналитика форм» – этим мы включаем запись и анализ поведения посетителей сайта.

Оставляем галочку напротив асинхронного кода. Галочки напротив «В одну строку» и «Информер» на ваше усмотрение. Первая делает вид кода Метрики более компактным, а вторая отображает иконку счетчика на странице. На блоге я включила информер, а вот на лендингах – продающих и подписных страницах считаю нужным его отключать.

код счетчика

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

Далее перейдем во вкладку «Фильтры», где нам нужно также сделать пару настроек – добавить галочку «Не учитывать мои визиты» и «Фильтровать роботов только по строгим правилам».

фильтры в яндекс метрике

Во вкладке «Уведомления» можем указать адрес электронной почты или настроить смс-оповещения о проблемах с сайтом. То есть, если сайт перестанет работать (не доступен сервер и т.д.), то вы получите сообщение об этом.

уведомления о недоступности сайта

Через вкладку «Доступ» настраивается доступ к статистике вашего сайта. Есть возможность включить публичный доступ, или настроить доступ для конкретных пользователей, добавив логин пользователя (Яндекс-почту). В этом случае доступ может быть полным (и просмотр данных, и редактирование счетчика), либо только просмотр.

доступ к счетчику яндекс метрики

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

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

как добавить цель в метрике

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

Цель типа «Посещение страниц» я применила на продающем сайте своего комплекта для набора подписчиков, настроив 2 цели – «Переход на страницу оплаты» и «Переход на партнерскую программу».

добавление цели в яндекс метрике

Здесь все просто. В поле «Условие» выбираем url: совпадает, а в поле «Значение» указываем целевую ссылку. В моем случае это ссылка на страницу оплаты комплекта, которая расположена в кнопке заказа (это одна цель). А также ссылка на партнерскую программу в футере (это вторая цель).

цель посещение страниц

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

добавление цели событие

Указываем название цели, например у меня «Подписка на чек-листы», и идентификатор цели латинскими буквами. Затем нажимаем «Добавить цель» и «Сохранить».

сохранение добавленной цели в метрике

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

onsubmit="yaCounter36514145.reachGoal('podpiska'); return true;"

В нем вам нужно изменить номер счетчика на свой и идентификатор цели в скобках!

На скриншоте пример, куда именно нужно добавить этот параметр (увеличьте кликом)

добавление цели событие в подписную форму

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

onclick="yaCounter36514145.reachGoal('knopka'); return true;"

добавление цели в кнопку со ссылкой

Статистику по достижению целей можно посмотреть, перейдя в раздел «Отчеты» – «Конверсии».

статистика по целям

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

отчеты по достижению целей в метрике

Добавление счетчика на лендинг

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

копирование кода счетчика

Открываем index-файл лендинга в html-редакторе (у меня блокнот Notepad++), находим в коде открывающий тег <body> и после него добавляем код счетчика.

вставка счетчика янекс метрики на лендинг

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

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

Обобщенная статистика доступна во вкладке «Сводка». Здесь мы можем выбрать период, за который хотим посмотреть статистику. На графике увидеть количество посетителей по дням, просмотров за этот период.

сводка посетители

Источники трафика, последние поисковые фразы, среднее время пребывания посетителя на сайте, глубину просмотра, показатель отказов (когда посетитель проводит на сайте менее 15 секунд).

источники трафика

А также диаграммы с возрастом посетителей и типом устройств, с которых они заходили.

возраст и тип устройства

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

вебвизор метрика

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

Еще один интересный отчет по взаимодействию посетителя с сайтом, которым я пользуюсь – это карта кликов. В виде цветных отпечатков она показывает самые кликабельные элементы на вашем сайте.

карта кликов в метрике

Доступна она в разделе «Карты» на панели слева.

переход к карте кликов

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

детализация отчетов метрики

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

отредактировать или удалить счетчик

Когда вы вносите изменения в настройки, не забывайте менять и код счетчика у себя на сайте.

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

Если у вас есть вопросы и дополнения к статье, всегда рада вашим комментариям. :yes:

Спасибо за внимание!

С уважением, Виктория Карпова

logo

Комментарии к Установка Яндекс.Метрики на лендинг и полезные настройки счетчика (14)

  • Валерий:

    Здравствуйте, Виктория! Замечательная статья. Вс подробно и наглядно показано и рассказано пошагово, что за чем. Спасибо за полезный материал! С уважением, Валерий Бородин!!!

  • Фатима:

    Здравствуйте,Виктория!Статья действительно супер!И главное-вовремя попалась на глаза!Спасибо Вам за помощь на тренинге и Ваш интересный сайт!

    • Виктория Карпова:

      Здравствуйте, Фатима, и спасибо за комментарий:) Рада, что моя помощь кстати:)

  • Алексей:

    Добрый вечер, Виктория.
    Удивляют блогеры, которые до сих пор используют статистику LiveInternet, а про Метрику не знают, а таких, к моему удивлению, много.
    Молодцы что не боитесь и применяете новые инструменты! :good:

    • Виктория Карпова:

      Алексей, спасибо что заглянули. Кому-то данных ЛивИнтернет вполне достаточно. А я как-то изначально больше Метрику полюбила, с Гугл Аналитикс мне сложно, а вот Метрика – самое то:)

  • Людмила:

    Виктория, посмотрела ещё и видео, но счётчик так и не заработал. Всё по шагам, как вы и говорите.

    • Виктория Карпова:

      Людмила, конкретизируйте – не смогли установить, статистику не собирает или еще что не так. Куда и как добавляли, уверены ли что все правильно сделали и нигде не допустили ошибку? Наугад, почему не заработал, увы, сказать не могу!

      • Людмила:

        Всё поставила,код счётчика, цели, установила код формы подписки и форма перестала работать. Отобразились визиты, просмотры, посетители.

        • Виктория Карпова:

          Если форма перестала работать, значит где-то напутали с кодом. Это сам код страницы нужно смотреть.

          • Андрей:

            У меня такая же проблема, не могли бы вы посмотреть код для решения этой проблемы? Заранее благодарю :rose:

          • Виктория Карпова:

            Код вроде установлен верно, после тега body открывающего. Почему форма ваша не работает – я не знаю,технические познания в html у меня неглубокие:).А без метрики нормально работает? Как только ставите счетчик – перестает? Можно, как вариант, поэкспериментировать с местами установки, не после боди поставить, а перед закрывающим тегом …

          • Андрей:

            Без кода метрики работает и с ним тоже работает, не работает когда вставляю код на форму, сразу перестаёт после этого. Есть версия что удалил часть когда скрипта формы, ну ти по в Адобе Мьюзе были готовые формы.
            Удалённый код выглядит вот так :
            method=”post” enctype=”multipart/form-data” action=”scripts/form-u520.php”

          • Андрей:

            Разумеется кроме method=”post” :-)

          • Виктория Карпова:

            Андрей, советую посмотреть эту инструкцию по добавлению идентификатора в код формы, в вашем случае, пункт 4. в этой статье: unitad.ru/analiz-dannih/nastroika-celi-yandex-metrika/

Оставить ответ

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)