Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

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

установка яндекс метрика

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Установка Яндекс. Метрика на 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">) и вставляете в него код Метрики. Информер появится на странице.

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

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*