Как установить счетчик на сайт

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

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

Получение кода счетчика

Переходим на главную страницу Liveinternet.ru, нажимаем на ссылку «получить счетчик» и видим следующую форму:

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

• Адрес – здесь вводим адрес нашего сайта
• Синонимы – «зеркала сайта» (если ресурс одновременно доступен на нескольких доменах) Сейчас нам поле не понадобится, оставляем его пустым
• Название – название нашего блога
• E-mail – почтовый адрес для подтверждения регистрации, восстановления пароля и получения новостей. Можно вводить смело действующий – за рассылкой спама сервис замечен не был.
• Пароль – пароль, который будет использоваться для доступа к статистике
• Ключевые слова – здесь можно (но необязательно) указать ключевые слова нашего сайта. Если это личный блог – то вполне подойдет пара Ваших увлечений. Например, «Блог Вебмастер Фотография Работа». Данные слова будут использоваться для поиска по рейтингу.
• Статистика – разрешает или запрещает просмотр статистики Вашего ресурса. Тут выбор за Вами. Нечего скрывать? Пожалуйста – сделайте всю информацию общедоступной. Ну а если вы планируете наступление в нишу с высокой конкуренцией – то стоит выбрать доступ только по паролю. Иначе данными могут воспользоваться конкуренты. Впрочем, можно «открыть» лишь некоторые поля, это мы сделаем чуть позже, в процессе настройки.
• Подписка – если хотите быть в курсе всех изменений сервиса, то отметьте пункт галочкой. Но революционных нововведений практически не бывает, а появление всех мелких функций сопровождается пометкой в интерфейсе. Так что пункт можно пропустить.
• Язык – предпочтительный язык для интерфейса. Поле также влияет на регион рейтинга. Зачастую подходит вариант по умолчанию – «русский»
• Участие в рейтингах – здесь Вы можете выбрать сферу блога, в которой Вы будете меряться силами с конкурентами (рейтинг), либо оставить на значении «не участвовать» и использовать сервис только для просмотра статистики.

Нажимаем «Дальше!»

Так-с, всё готово. Еще раз пробежимся глазами, проверим – и жмем «Зарегистрировать!». Отлично, страница с уведомлением об успешной регистрации это еще раз подтверждает:

Нажимаем «Получить html-код счетчика» и переходим к одноименной странице

Широкий ассортимент, не так ли? На этой странице каждый может выбрать счетчик по душе. Уже выбрали? Отлично! Теперь кликните по нему, Вас ожидает небольшой «сюрприз» — различные цветовые варианты:

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

Напоследок – несколько дополнительных опций.

В первой – выбираем пункт №2 «в виде двух картинок» (почему – узнаем чуть позже) Вторую и третью пропускаем (галочки НЕ ставим). Одна из них готова предоставить сомнительные «удобства» ценой нарушения веб-стандартов. К тому же, счетчик может неверно отображаться некоторыми браузерами. Другая используется для сайтов, построенных на основе фреймов. Среди шаблонов таких практически не встречается.

На всякий случай сохраним всю информацию на компьютере. Создадим два текстовых файла и скопируем в них код счетчика и код логотипа:

Отлично! Мы получили сам счетчик. Впереди – его установка на сайт и тест-драйв.

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

Практиковаться в установке счетчика мы будем на стандартной теме. Но даже если вы успели её сменить на любую другую – действия будут идентичны. Нам понадобятся два файла шаблона. Открываем с помощью FTP-клиента сайт, переходим в «wp-content/themes/» и выбираем папку с названием нашей темы (на примере — twentyten). В ней находим “footer.php” и «header.php”, скачиваем на компьютер.

Готово? Отлично, приступим к редактированию. Первым откроем header.php:

Здесь нам надо найти строчки

<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">

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

<body <?php body_class(); ?>>
<! — LiveInternet counter — ><script type="text/javascript"><! — 
new Image().src = "//counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,80))+
";"+Math.random();// — ></script><! — /LiveInternet — >
<div id="wrapper" class="hfeed">

Сохраняем, закрываем, переходим к следующему – footer.php.

Действуем по аналогии – ищем строчку </body> и прямо перед ней вставляем полученный нами код логотипа. Но в этом случае он будет отображаться у левого края страницы. Чтобы сразу отобразить элемент по центру —  внесем небольшие изменения перед кодом и после него. В результате получится:

<p style="text-align: center;">
<! — LiveInternet logo — ><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?14.4"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
alt="" border="0" width="88" height="31"/></a><! — /LiveInternet — >
</p>
</body>

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

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

Счетчик на месте, но на нем одни нули? Не стоит беспокоиться – просто обновите страницу (клавиша F5 в большинстве браузеров) и взгляните снова. Для верности пригласим на сайт друга и попросим проделать аналогичные действия.

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

Вот и всё! Счетчик от Liveinternet установлен, настроен и готов к выполнению своих обязанностей. Ну а если он покажется неудобным или недостаточно функциональным, то «переехать» на любой другой сервис проще простого. Регистрация вряд ли вызовет какие-либо вопросы, а устанавливать код счетчика мы уже умеем.

Если если вам понравилась эта статья, вы можете подписаться на материалы моего блога через RSS или email, а также присоединиться ко мне в Twitter или ВКонтакте.

6 причин сменить счетчик от Liveinternet на Яндекс.Метрику

Генераторы беклинков: плагины для Wordpress

Как установить и настроить Wordpress

Главное - не кто читатели блога, главное - что им можно продать

Оптимизация системы комментариев блога

простая · 26 июля 2010 г. · блог  liveinternet  счетчик  wordpress