Как установить Яндекс.Метрику на сайт или ваш личный блог (WordPress, DLE, CMS Made Simple)
установка яндекс метрика

Как установить Яндекс.Метрику на сайт или ваш личный блог (WordPress, DLE, CMS Made Simple)

Nikel, 14.12.2014

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

Как же подключить Яндекс. Метрику к сайту? Если вы обладатель почты от Яндекса, то для вас ничего не составит предварительно авторизоваться под своим аккаунтом, который предоставляет также доступ ко многим другим сервисам. В противном случае нужно предварительно зарегистрироваться.

На главной странице щелкните по ссылке Еще и выберите пункт Все сервисы Яндекса. В открывшемся списке, в подразделе Вебмастеру, вы увидите ссылку Метрика.

все сервисысписок сервисов

Или просто перейдите по адресу https://metrika.yandex.ru/.

добавить счетчик

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

Яндекс-Метрика-настройки

Сначала нужно заполнить поля на вкладке Общие, чтобы вкладка Код счетчика стала доступной.

  • Наименование — может быть любым, лишь бы вы сами не путались и отличали один счетчик от другого.
  • Адрес сайта — тут все понятно, указываете URL своего сайта.
  • Зеркала — указываете в том случае, если ваш сайт с этим счетчиком доступен по разным адресам, либо вы хотите подсчитывать статистику сразу для нескольких сайтов.
  • Уведомлять меня о проблемах в работе сайта — полезная опция, рекомендую установить флажок — По электронной почте, таким образом, если возникнут неполадки, например сайт недоступен, вам на почту придет письмо-уведомление. Впрочем, при желании, для оперативного реагирования, можно установить и галочку по SMS -в этом случае вам придется указать подходящее время отправки SMS (например, каждый день с 8 до 20 ).
  • Часовой пояс для расчета статистики — выбираете часовой пояс своего региона (нужно для задания местного времени в отчетах Метрики ).
  • Тайм-аут визита — позволяет задавать время бездействия посетителя на сайте. Если указанное здесь время пройдет, визит считается завершенным и дальнейшие возможные действия пользователя будут считаться уже в пределах нового визита.

Нажмите далее и перейдите на вкладку Код счетчика. Тут настройки уже поинтереснее.

Яндекс.Метрика  выбор параметров

  • Вебвизор — по умолчанию соответствующий флажок снят, но это довольно интересный инструмент, который удобно  использовать для своих нужд. Что же это такое?  Вебвизор осуществляет запись и анализ действий посетителей. Таким образом, можно узнать, что делают посетители сайта, просмотрев сохраненное видео, что позволяет в свою очередь улучшить юзабилити, исправить возможные ошибки. Для настройки вебвизора существует отдельная вкладка. На ней требуется указать как должна производиться запись страниц: из браузера(т.е. содержимое страницы берется из браузера посетителя) или загружать с сайта(выполнять отдельную загрузку страницы и отправлять в Метрику). Первый вариант может выполняться с искажениями, а второй — создавать дополнительную нагрузку на сайт.
    Яндекс.Метрика код счётчика
  • Карта кликов — собирает статистику того, как часто пользователи щелкают по тем или иным элементам веб-страницы и представляет в наглядном виде.  Существует несколько режимов отображения, один из популярных и, на мой взгляд, самый наглядный — тепловая карта. Красный и теплые цвета соответствует «горячим» участкам, по которым много кликают, холодные цвета — участкам с редкими кликами. Вот как это выглядит.
    тепловая карта
  • Внешние ссылки, загрузки файлов и отчет по кнопке Поделиться — показывает количество пользователей, переходивших с вашего сайта по ссылкам, количество скачиваний посетителями файлов с вашего сайта, сколько пользователей поделилось статьей в соцсетях.
  • Точный показатель отказов — если параметр включен, под отказом подразумевается визит пользователя, который длится менее 15 секунд. В противном случае отказом считается визит, при котором просматривается только одна страница.
  • Информер — кнопка-баннер со статистикой, который смогут увидеть посетители вашего сайта. Не всем это подходит, например, вы не хотите, чтобы кто-нибудь знал какая посещаемость у вашего сайта. Нет ничего проще! Достаточно просто снять соответствующую галочку- и из кода исчезнет часть, отвечающая за вывод этого баннера.

Яндекс.Метрика  код счётчика

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

Яндекс.Метрика настройка информера

Во-первых, у вас есть возможность выбрать разновидность информера:

  • Стандартный с выводом числа просмотров, посетителей и визитов, собственно он и представлен по умолчанию.
  • Информер со статистикой по дням недели и возможностью выбора вывода либо числа посетителей, либо визитов, либо просмотров.
  • Простая кнопка-информер, для которой также можно выбрать, что будет отображаться — посетители, визиты или просмотры.

Яндекс.Метрика Редактировать информер

Основная масса цветовых настроек относится к настройкам фона кнопки-баннера. Выберите его с помощью представленных удобных инструментов, либо задайте в числовой форме ( в форматах RGB, HSV, в шестнадцатиричном представлении).

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

Строго говоря это не все настройки. Часть из них скрыта в ссылке Дополнительно. Нажмите на нее и посмотрите, какие еще параметры есть возможность задать. Они довольно специфичны, поэтому и вынесены отдельно. В большинстве случаев эти настройки можно оставить по умолчанию. Рассмотрим, что означает каждый пункт.

  • Запрет отправки на индексацию страниц сайта — самый интересный параметр, запрещает автоматическую отправку на индексацию страниц с кодом Яндекс.Метрики. Из этого можно сделать вывод, что Метрика полезна хотя бы тем, что улучшает индексируемость сайта Яндексом. Если хотите использовать данную возможность, убедитесь, что галочка не установлена напротив этой опции.
  • Асинхронный код — флажок установлен по умолчанию.  Если выбран этот параметр, то счетчик не влияет на скорость загрузки сайта.
  • Отслеживание хэша в адресной строке браузера — включайте опцию для AJAX сайтов, позволяет добиться корректного подсчета количества просмотров на страницах сайта, обновляющихся без перезагрузки.
  • Для XML сайтов — в документах XML не должен использоваться элемент <noscript>. Установка галочки убирает <noscript> из кода счетчика.
  • Пример использования параметров визитов. Вы имеете возможность написать код для собственных параметров и передавать их в Метрику, чтобы собирать по ним статистические данные. Подробнее читайте здесь.
  • В одну строку — служит для минимизации кода, убирает лишние пробелы и переводы строки.

Помните, что вы всегда можете изменить настройки уже существующего счетчика, нажав на кнопку Редактировать счетчик в списке всех счетчиков.

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

Ну вот основные настройки рассмотрены, более подробно возможности Яндекс.Метрики и ее практическое применение будут освещены  в отдельной статье.

Как же внедрить  код на сайт, в зависимости от того с каким движком мы имеем дело?

Установка Яндекс. Метрика на WordPress

Зайдите в административную панель WordPress, щелкните слева по разделу Внешний вид, и в выпадающем меню выберите пункт Редактор. Таким путем вы сможете добавить код Метрики к шаблону вашей темы. Куда конкретно добавлять счетчик, зависит от вашего желания. Но его код обязательно должен находиться до закрывающего тега </body> (естественно не следует вставлять счетчик в какие-то конструкции php, циклы foreach, условные операторы if и т.п. Лучше всего поместить его в какой нибудь html элемент, например div, между открывающим и закрывающим тегом <div>код счетчика</div>).

Я устанавливаю счетчик в футер, подвал своего сайта. За отображение подвала отвечает файл footer.php, который можно найти  в списке Шаблоны справа. На рисунке отображен код, добавленный в футер.

footer.php

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

Перейдите в раздел Внешний вид | Виджеты. В зависимости от вашей  темы WordPress, там будет присутствовать одна или несколько областей для добавления Виджетов. В некоторых темах их можно добавлять только в Сайдбар или Футер, в других — как в Сайдбар, так и Футер.

текстовый виджетактивные области

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

создание виджета

Проверьте, появился ли ваш счетчик на странице.

Как установить Яндекс. Метрика на CMS Made Simple?

В консоли панели управления CMSMS откройте раздел Оформление| Шаблоны, вам потребуется добавить код Метрики в тот шаблон, который используется для вашего сайта. Я покажу вам на примере стандартного шаблона NCleanBlue. Итак, щелкните по кнопке Редактировать, и, в появившемся коде найдите footer, разумеется он будет внизу. В рассматриваемом случае за вывод футера отвечает элемент <div id="footer" class="core-wrap-960">

После вставки кода Метрики и нажатия кнопки Применить, CMS выдаст сообщение о синтаксической ошибке.

ошибка cmsms

Что же пошло не так? Оказывается скрипты, при добавлении в CMS Made Simple, необходимо заключать в теги {literal}{/literal}. Система использует шаблонизатор Smarty, некорректно обрабатывающий фигурные скобки, а использование вышеупомянутых тегов позволяет не интерпретировать код, а отображать «как есть».

literal

Вставьте код счетчика между тегами literal. Проверьте теперь как отобразился информер. Все должно работать корректно!

informer

Установка Яндекс. Метрика на DLE

В админке Datalife Engine нажимаете Управление шаблонами | Шаблоны сайта и выбираете нужный шаблон для редактирования (тот, который используется на вашем сайте в данный момент).

шаблоны dle

Ниже вы увидите редактор под названием  Редактирование разделов шаблона. Для добавления счетчика в DataLife Engine вам потребуется править файл main.tpl (находите в списке файлов слева).  Принцип действий такой же, как и в случае уже рассмотренных CMS. В main.tpl находите элемент, отвечающий за футер (в шаблоне Default это <div id="footer">) и вставляете в него код Метрики. Информер появится на странице.

Спасибо. На этом все