Как установить счетчик на сайтНесомненный атрибут любого современного сайта — счетчик. Благодаря
этому многофункциональному инструменту Вы всегда будете держать руку на
пульсе ресурса. Сколько страниц Вашего детища просмотрели сегодня? Какое
количество людей? Откуда они пришли? Что их заинтересовало? На эти и
многие другие вопросы ответ даст сервис статистики. Разнообразных
счетчиков существует предостаточно, но мы остановим свой выбор на одном
из самых популярных и многофункциональных – Liveinternet.
Условно установку можно разделить на две части – получение счетчика и
добавление его на сайт. Сам процесс довольно прост и займет от силы
десять – пятнадцать минут, но на всякий случай каждый шаг мы сделаем с
Вами вместе. Вперед!
Получение кода счетчика
Переходим на главную страницу Liveinternet.ru, нажимаем на ссылку «получить счетчик» и видим следующую форму:
Названия всех полей говорят сами за себя, если что-то не понятно –
можно кликнуть на знак вопроса и прочитать справку. Мы расскажем о
каждом из них вкратце.
- Адрес – здесь вводим адрес нашего сайта
- Синонимы – «зеркала сайта» (если ресурс
одновременно доступен на нескольких доменах) Сейчас нам поле не
понадобится, оставляем его пустым
- Название – название нашего блога
- E-mail – почтовый адрес для подтверждения
регистрации, восстановления пароля и получения новостей. Можно вводить
смело действующий – за рассылкой спама сервис замечен не был.
- Пароль – пароль, который будет использоваться для доступа к статистике
- Ключевые слова – здесь можно (но необязательно)
указать ключевые слова нашего сайта. Если это личный блог – то вполне
подойдет пара Ваших увлечений. Например, «Блог Вебмастер Фотография
Работа». Данные слова будут использоваться для поиска по рейтингу.
- Статистика – разрешает или запрещает просмотр
статистики Вашего ресурса. Тут выбор за Вами. Нечего скрывать?
Пожалуйста – сделайте всю информацию общедоступной. Ну а если вы
планируете наступление в нишу с высокой конкуренцией – то стоит выбрать
доступ только по паролю. Иначе данными могут воспользоваться конкуренты.
Впрочем, можно «открыть» лишь некоторые поля, это мы сделаем чуть
позже, в процессе настройки.
- Подписка – если хотите быть в курсе всех изменений
сервиса, то отметьте пункт галочкой. Но революционных нововведений
практически не бывает, а появление всех мелких функций сопровождается
пометкой в интерфейсе. Так что пункт можно пропустить.
- Язык – предпочтительный язык для интерфейса. Поле
также влияет на регион рейтинга. Зачастую подходит вариант по умолчанию –
«русский»
- Участие в рейтингах – здесь Вы можете выбрать сферу
блога, в которой Вы будете меряться силами с конкурентами (рейтинг),
либо оставить на значении «не участвовать» и использовать сервис только
для просмотра статистики.
Нажимаем «Дальше!»
Так-с, всё готово. Еще раз пробежимся глазами, проверим – и жмем «Зарегистрировать!».
Отлично, страница с уведомлением об успешной регистрации это еще раз подтверждает:
Нажимаем «Получить html-код счетчика» и переходим к одноименной странице
Широкий ассортимент, не так ли? На этой странице каждый может выбрать
счетчик по душе. Уже выбрали? Отлично! Теперь кликните по нему, Вас
ожидает небольшой «сюрприз» — различные цветовые варианты:
Выбираем подходящий к дизайну блога, кликаем по нему и листаем страницу дальше.
Напоследок – несколько дополнительных опций.
В первой – выбираем пункт №2 «в виде двух картинок» (почему – узнаем
чуть позже)
Вторую и третью пропускаем (галочки НЕ ставим). Одна из них готова
предоставить сомнительные «удобства» ценой нарушения веб-стандартов. К
тому же, счетчик может неверно отображаться некоторыми браузерами.
Другая используется для сайтов, построенных на основе фреймов. Среди
шаблонов таких практически не встречается.
А последнюю галочку лучше включить. Анализировать число просмотров
страницы с названием, например, «Первый пост» куда удобнее нежели «?p=3»
Всё готово? Тогда нажимаем «получить html-код счетчика».
На всякий случай сохраним всю информацию на компьютере. Создадим два
текстовых файла и скопируем в них код счетчика и код логотипа:
Отлично! Мы получили сам счетчик. Впереди – его установка на сайт и тест-драйв.
Установка счетчика в код страницы
Практиковаться в установке счетчика мы будем на стандартной теме. Но
даже если вы успели её сменить на любую другую – действия будут
идентичны.
Нам понадобятся два файла шаблона. Открываем с помощью 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 установлен, настроен и готов к
выполнению своих обязанностей. Ну а если он покажется неудобным или
недостаточно функциональным, то «переехать» на любой другой сервис
проще простого. Регистрация вряд ли вызовет какие-либо вопросы, а
устанавливать код счетчика мы уже умеем.
Источник: http://westseo.ru/liveinternet-counter-setup/ |