Добавить счетчик посещений шаблон вордпресс. WordPress: установка счетчика Яндекс метрика
Во второй публикации из цикла заметок о мы детально рассмотрим вопрос как установить счетчик Яндекс Метрики на сайт. Этот сервис весьма популярен в рунете и часто используется в качестве альтернативы решению от Гугла. По функциональности они оба плюс-минус похожи, поэтому тут каждый выбирает что ему больше удобно и близко.
Есть 2 принципиально разных способа реализации задачи: правка файлов шаблона и с помощью плагинов. Причем в первом направлении можно выделить еще 2 метода — редактирование макета через FTP и внутри самой админки.
Поскольку в прошлой статье о том я рассказывал про работу с FTP, то сегодня будем использовать возможности CMS. Также в конце поста приведу краткий обзор нескольких плагинов Яндекс.Метрики для Вордпресс специально тем людям, которые панические боятся прикасаться к правке темы.
Общий алгоритм добавления Метрики на WordPress сайт , по которому будем действовать:
- Регистрация в самом сервисе и общая настройка аккаунта.
- Выбор и активация нужных вам параметров отслеживания аналитики и получение соответствующего кода вставки.
- Интеграция данного кода в подключенный активный шаблон.
В принципе, ничего сложного, но абсолютным новичкам в теме крайне рекомендую прочитать все заметки «трилогии». В последней, кстати, недавно рассмотрел .
Установка Метрики в WordPress (через админку в Footer)
Внимание(!) В отличии от предыдущей публикации мы будем: 1) добавлять код в подвал (футер) нашего веб-ресурса; 2) делать это через WP админку. Таким образом покажу вам еще один принцип работы, однако, если хотите, вместо футера можете разместить отслеживание в хедер (header.php). Какой-то сверх принципиальной разницы лично я не вижу: раньше аналитику юзали в конце страницы дабы не мешать ее загрузке, но сейчас все сервисы работают асинхронно, и считается, что чуть лучше данные грузятся из хедера (особенно, когда сайт медленный).
1. После регистрации и входа в свой аккаунт Яндекс.Метрики находите сверху кнопу «Добавить счетчик». При клике по ней появится следующая форма:
- Пишете имя — любое произвольное для отображения в системе.
- Вводите адрес своего сайта, например kasinoazov.com (можно добавить несколько).
- Отмечаете галочку «Принимать информацию только со указанного домена» (дабы сторонние значения не попадали в отчеты).
- Ставите часовой пояс.
- Если надо, дополнительно активируете функции Вебвизора, отслеживания скроллинга и т.п.
Затем соглашаетесь «Принять условия» пользовательского соглашения и нажимаете «Создать счетчик».
2. На следующем шаге вы сможете выбрать метод как вставить код Яндекс Метрики в WordPress и на другие CMS — через обычный HTML или с помощью существующих специальных решений. Признаться, юзабилити здесь получше чем у Google Analytics.
Нам нужна вкладка «HTML», где над формой кода увидите открывающийся блок «Дополнительные настройки».
Лично я тут всегда отмечаю:
- асинхронный вывод;
- в одну строку;
- информер — если хотите показывать счетчик;
- альтернативный CDN — позволяет корректно работать из любых регионов, где есть определенные сложности, например сейчас Яндекс.Метрика в Украине заблокирована .
После указания всех параметров внизу найдете готовый для вставки код.
3. Теперь заходим админ панель WP и выбираем пункт меню «Внешний вид» — «Редактор». По умолчанию будет открыта ваша текущая тема, поэтому остается только кликнуть по названию нужного файла — footer.php . Наверняка вы заметили, что в WP 4.9 появилась подсветка синтаксиса и автоматическая проверка ошибок.
Выбираете место в шаблоне, куда именно хотите установить код Яндекс Метрики в Вордпресс проекте. Разработчики советуют добавлять его в Header дабы учитывать даже тех юзеров, которые моментально закрыли страницу, но лично я ставлю его там, где хочу отображать счетчик — не охота «разрывать» информер и блок отслеживания по разным файлам макета.
Затем нажимаете на кнопку «Обновить файл» и проверяете все ли хорошо работает во фронтенде + внутри сервиса аналитики. Если собираетесь изменять настройки счетчика, то после выбора и сохранения соответствующих опций его нужно будет заново переустановить в шаблоне.
Плагины Яндекс Метрики для WordPress
Изначально находил некоторые модули непосредственно в репозитории, но как оказалось, список проверенных решений есть на странице API метрики . Думаю, причин усомниться во мнении разработчиков нет никаких, поэтому я рассмотрю их рекомендации.
Yandex Metrica
Из всех трех Yandex Metrica наиболее функциональный плагин со множеством фишек:
- легкая работа с разными параметрами счетчика;
- встроенный виджет статистики для консоли;
- отслеживание и отображение результатов с учетом ;
- поддержка i18n переводов.
Он полностью бесплатный. Имеется 20тысяч скачиваний, совместимость до последней версии WP и весьма недавнее обновление. Для установки важно чтобы в футере у вас был доступен хук wp_footer.
Просматривать статус внутри админки можно только в продвинутом режиме, которому понадобится доступ к API сервиса. Если данные/график не отображается, еще раз проверьте настройки счетчика — иногда в новых слегка глючит API.
Яндекс Метрика By Konstantin Kovshenin
Этот модуль отлично подойдет самым юзерам, т.к. избавляет от необходимости редактировать шаблон. После установки и активации в системе появится специальная одноименная страница с формой куда надо вставить код Яндекс.Метрики для WordPress сайта.
Преимущество такого подхода в том, что при смене макета вам не придется повторно выполнять подключение статистики. Загрузок у решения под 30 тысяч, но оно не обновлялось более 2х лет. Хотя с другой стороны, на его простую функциональность вряд ли это как-то влияет.
DL Yandex Metrika
Отличительная особенность плагина среди всех остальных — возможность видеть аналитику непосредственно через консоль. Причем здесь имеется не просто небольшой виджет, а подключен вывод разных данных в таблицах и графиках. Загрузок не так много как у других — всего 3 тысячи, но, вероятно, потому модуль новый.
Итого. Выбор способа как поставить Метрику на WordPress целиком и полностью зависит от ваших целей и опыта:
- Если собираетесь детально разбирать все отчеты, то лучше делать это непосредственно в онлайн сервисе, а в Вордпресс просто интегрировать соответствующий код (через админ панель, FTP или модули).
- Тем, кто хочет просматривать какие-то данные в консоли, пригодится один из плагинов — первый или третий из обзора.
- Делаете проект заказчику, который собирается часто менять шаблоны? — ставьте решение от Konstantin Kovshenin, где всю процедуру нужно выполнять лишь один раз.
- Кстати, иногда в продвинутых WP темах есть специальная отдельная опция, позволяющая вставлять HTML в футер — она отлично подойдет и для статистики.
Если есть что добавить про счетчик Яндекс Метрики на сайте W ordpress, пишите в комментах. Там же задавайте свои вопросы.
Рассмотрим процесс установки счетчика посещений Liveinternet на наш сайт на системе WordPress . Необходимо пройти 4 этапа:
- Регистрация в системе Liveinternet
- Получение кода счетчика Liveinternet для сайта
- Установка счетчика Liveinternet на сайт на базе WordPress
- Проверка работы счетчика.
1. Регистрация в системе Liveinternet.
Заходим на сайт http://www.liveinternet.ru/ и находим там непримечательную кнопку добавления счетчика статистики. Она выглядит вот так:
Нажимаем на кнопку «Получить счетчик» . Открывается форма ввода данных:
В данной форме необходимо указать :
- Адрес сайта, на который будет установлен счетчик
- Синонимы или зеркала — это все доменные имена, по которым доступен ваш сайт (если их более одного)
- Название сайта (будет отображаться в общем рейтинге сайтов по системе Livinternet)
- Ваш e-mail адрес
- Пароль для учетной записи в системе Livinternet
- Ключевые слова для вашего сайта
- Доступность данных статистики — только по паролю либо доступна всем
- Подписка на новости сервиса по e-mail
- Участие в рейтингах по тематике вашего сайта
Заполняем указанные поля .
После заполнения формы нас просят проверить и подтвердить данные:
Все верно, нажимаем кнопку «зарегистрировать» .
Счетчик зарегистрирован. На вашу электронную почту придет письмо с данными для входа в личный кабинет сервиса Liveinternet и управления счетчиками. Теперь переходим к получению кода счетчика.
2. Получение кода счетчика Liveinternet для сайта.
Нажимаем кнопку «получить html-код счетчика» . Открывается страница с выбором типа счетчика:
Вариантов иконок счетчика и отображаемой информации множество. Вы можете выбрать понравившийся вам счетчик — от самого миниатюрного до большой панели.
Дополнительные опции, отображенные внизу страницы («вытягивать» html-код в одну строку, получить html-код для фреймов, вести учет заголовков страниц), мы трогать не будем — нет необходимости.
Нажимаем кнопку «получить html-код счетчика» .
Теперь выделяем весь код счетчика и копируем его.
3. Установка счетчика Liveinternet на сайт на базе WordPress.
Мы можем установить счетчик несколькими способами :
А) С помощью виджета.
Б) С внесением изменений в футер сайте (файл темы оформления footer.php).
В) С помощью административной панели темы оформления (поддерживают не все темы).
Вы можете выбрать наиболее удобный для себя способ установки счетчика. Рассмотрим каждый из способов.
1) Установка счетчика Liveinternet с помощью виджета.
Заходим в административную панель WordPress, в меню выбираем «Внешний вид» --> «Виджеты» . Открывается панель управления виджетами.
Выбираем виджет «Текст» (Произвольный текст или HTML-код) и перетаскиваем его в доступную область виджетов. В поле ввода текста вставляем ранее скопированный код счетчика :
2) Установка счетчика Liveinternet в файл footer.php.
Этот способ мне нравится больше по двум причинам:
А) Счетчик будет расположен в футере внизу сайта, это логично с точки зрения юзабилити и эргономики.
Б) Счетчик не будет замедлять загрузку сайта.
Итак, в административной панели WordPress открываем «Внешний вид» --> «Редактор» . Там с правой стороны в колонке находим файл Футер (footer.php) , нажимаем на него.
Вставляем код счетчика в конец файла футера перед конечными тегами вида: