Установка счетчика посещений LI на сайт WordPress

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! Итак, сегодня опять продолжаем тему учета статистики посещаемости на сайте WordPress и разберем, как корректно вставить счетчик посещений, чтобы он гармонировал с дизайном проекта и одновременно был бы максимально эффективным.

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

Что касается одного счетчика, то здесь все очевидно, любой уважающий себя web-мастер не откажется мониторить статистику посещений своего сайта, а при наличии соответствующего кода, активирующего учет посещаемости, делать это можно мгновенно в любое время. Ведь это дает возможность отслеживать перманентно уровень посещаемости, а этот параметр является одним из важнейших в продвижении вэб-сайта.

Далее. На современном этапе развития крупные сервисы, такие как LiveInternet, TOP Mail.ru, Openstat (бывший SpyLog), Рамблер ТОП 100 и HotLog, одновременно с предоставлением учета числа посещений дают возможность пользоваться развернутой статистикой посещаемости (число просмотров на одного посетителя, количество отказов, время, проведенное пользователями на вебсайте и т.д и т.п.). А это очень важные цифры в плане оценки эффективности вэб-ресурса и его дальнейшего развития.

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

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

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

Во-вторых, эти самые крупные сервисы статистической информации, организующие различные рейтинги, имеют совсем неплохие пузомерки (тут познакомьтесь с трастовыми показателями тИЦ и ПР, также есть мануал о том, как поднять PageRank страниц сайта). Конечно, пока этот блог не может похвастаться высокими показателями, поскольку я лишь некоторое время назад начал здесь этим заниматься, так как проводил некоторые экспериментальные мероприятия, но некоторые другие мои web-ресурсы весьма успешны в этом направлении, так что поверьте на слово.

Теперь приведу значения тИЦ указанных мною выше вебсайтов, чтобы не быть голословным. Например, у Лайвинтернета он равен 35 000, у Рамблер ТОП 100 - 180 000, Mail.ru - 73 000, Openstat - 40 000, HotLog - 63 000. Как видите, цифры впечатляют. И почему бы не попытаться получить частичку этого пирога?

Тем более, что все ссылки, ведущие на ваш сайт с рейтингов этих монстров, будут открыты для индексации (тут об индексировании сайта в Яндекс и Google прочитайте более подробно). Проверить это можно легко с помощью различных SEO инструментов, да хоть с помощью того же SEObar для браузера Opera. Я вас еще не убедил добавить к наверняка уже имеющемуся счетчику посещений еще один хотя бы ради эксперимента?

Вставка кода счетчика посещений на сайт или блог Вордпресс

Надеюсь, словесное изобилие вступительной части не повергло вас в шок и вы в состоянии адекватно воспринимать материал в дальнейшем, последующая часть которого будет исключительно полезной в практическом смысле, а именно, посвящена техническим деталям установки счетчика посещаемости на web-сайт, созданный на движке WordPress. Кстати, на блоге есть материал об особенностях установки информеров от различных сервисов статистики: здесь о том, как установить счетчик для сайта Rambler и Openstat.

Я уже писал в материале о LiveInternet, как получить необходимый код для учета посещений сайта с этого сервиса. Кстати, если вы уже зарегистрированы в Лайвинтернете, но хотите поменять информер, нет ничего проще. Для этого нужно зайти на свою страницу статистики, URL которой в общем виде выглядит так:

http://www.liveinternet.ru/stat/адрес_ресурса/

В моем случае так:

http://www.liveinternet.ru/stat/goldbusinessnet.com/

В самом низу этой вебстраницы найдите ссылку «html-код счетчика»:

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

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

Теперь нужно его скопировать и вставить в нужные места. Кстати, у меня есть подробный мануал, рассказывающий о строении файлов (шаблонов) темы Вордпресс (здесь), из которого вы можете почерпнуть информацию о том, какой шаблон за отображение какой части вебстраницы отвечает. HTML-код невидимого счетчика (то есть скрипта, который отвечает за корректный подсчет посетителей и показов), нужно будет обязательно поместить вверху страницы сразу после открывающего тега body с тем, чтобы обеспечить максимально корректный подсчет посещений. Для этого надо открыть файл header.php (лучше для этого использовать очень удобный редактор notepad++), у меня это выглядит следующим образом:

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

Можно использовать WordPress виджеты, для этого необходимо в админ панели перейти в левом меню «Внешний вид» → «Виджеты» и из блока слева «Доступные виджеты» перетащить мышкой vidget «Произвольный текст или HTML-код» в блок «Sidebar»:

После этого нажимаем на маленький значок треугольника справа, в результате чего откроется окно, куда мы и вставляем скопированный ранее второй фрагмент кода информера (видимой части):

Нажимаете сначала «Сохранить», затем «Закрыть», переходите на страницу, перезагружаете ее и получаете счетчик LI в сайдбаре своего блога или вэб-сайта. Это самый простой способ вставки информера в сайдбар. Можно также установить и через редактирование файлов (шаблонов) темы Вордпресс. Рассмотрим этот метод, вставив код в футер (подвал) блога Вордпресс.

Опять же с помощью универсального HTML и CSS редактора notepad++ открываем файл footer.php (ссылка на статью об устройстве тем WordPress дана выше) и вставляем вторую часть, отвечающую за визуальный показ посещений LiveInternet теперь уже как можно ближе к закрывающему тегу body:

Обратите внимание на скриншот. В качестве атрибута тега А я добавил rel=“nofollow” (здесь более подробно о роли этого атрибута). Это позволит закрыть информер LI от индексации поисковыми системами. Кроме этого, код логотипа Liveinternet заключен в контейнер div с прописанным классом, с помощью этого шага можно легко регулировать расположением информера LI на странице. Класс с CSS свойствами для контейнера необходимо включить в состав файла стилей style.css:

.count {margin-top:15px;}

Однако, внимание! Если вы еще раз внимательно посмотрите на картинку, хотя контейнер с классом count, в котором находится код, расположен недалеко от закрывающего тега BODY, все-таки я вложил его в div footer, чтобы информер более гармонировал с элементами вебстраницы. Не возбраняется вывести фрагмент кода вне футера и расположить его непосредственно над закрывающим тегом BODY, но в этом случае придется побольше поработать со стилями.

Конечно, и приведенное мною чуть выше правило CSS не является универсальным, ведь темы у всех разные. Для подгонки местоположения логотипа Liveinternet все-равно придется немного подкорректировать стили. Лучше всего для этого использовать плагин Firebug (тут об этом расширении) для браузера Mozilla Firefox либо аналогичными встроенными средствами разработчиков для других популярных обозревателей (IE, Opera, Google Chrome), которые помогают редактировать HTML и CSS код web-страницы прямо в окне браузера.

Кроме сервиса Ливинтернет, который предоставляет счетчик посещений, состоящий из невидимой и видимой части, такой же счетчик можно получить и от другого известного сервиса, предоставляющего возможность участия сайта в рейтинге mail.ru. Установка этого информера абсолютно идентична только что описанной процедуре вставки участков кодов для учета посещений LiveInternet. Ну, и напоследок немного о технологиях реального будущего:

Еще статьи по данной теме:
Самые интересные публикации из рубрики: SEO и SEM продвижение сайта

2 отзыва

  1. Анна

    Прошу написать по русски, куда вставить код для учета подписчиков. Начните со слов, открываете.... нажимаете ....., смотрите...., вставляете....где????
    В моём случае, я открыла редактор в консоле, слева список файлов плагинов. Какой из них должен быть открыт? У меня сразу открывается Редактирование akismet/akismet.php (неактивен).
    Нужно ли выбирать другой плагин на этой странице???
    Перед глазами абракадарбра из массы символов. Куда смотреть???
    Внизу "Документация" выбор функции. Какую выбрать?
    Нажимать кнопку потом обновить?

  2. Игорь Горнов

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

    Теперь к существу вопроса. Сразу хочу порекомендовать Вам как можно быстрее начать пользоваться редактором NotePad++ (или подобными аналогами) для любого редактирования файлов. Подробнее о нем почитайте в этой статье, по моему вопросов возникнуть не должно.

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

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

    Далее на странице редактирования файлов темы (а не редактирования плагинов!) уже выбираете из правой колонки нужный Вам шаблон, просто нажав на его название. Первую часть счетчика (скрипт) вставляете в HEADER.PHP после открывающего тега BODY, ну а вторую в FOOTER.PHP, ежели хотите лицезреть видимую часть внизу страницы (в подвале), как у меня.

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

    Также не забудьте очень важную вещь! Перед началом редактирования обязательно сохраните первоначальное содержание файла! Можете просто скопировать его. И еще раз настоятельно рекомендую использовать все-таки программу NotePad++ для этих целей.

Добавить комментарий

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

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.