NATALI
Вторник, 24.10.2017, 01:24
Меню сайта
КАТЕГОРИИ РАЗДЕЛА
Дизайн [15]
Скрипты для ucoz [3]
Онлайн радио
Друзья сайта
Шокирующие факты Недвижимость, отдых, туризм в Крыму гриб,дарующий здоровье ФОНЫ ДЛЯ САЙТОВ И БЛОГОВ
Вы на сайте
гость под номеромСчетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
*********
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


ЧАСЫ
Главная » Статьи » Уроки » Дизайн

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

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

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

главная страница liveinternet

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

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

ссылка «получить счетчик»

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

форма регистрации счетчика

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

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

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

страница проверки введенных данных

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

Уведомление об успешной регистрации

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

Ассортимент счетчиков

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

различные цвета счетчиков

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

Дополнительные настройки счетчика

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

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

А последнюю галочку лучше включить. Анализировать число просмотров страницы с названием, например, «Первый пост» куда удобнее нежели «?p=3»

Всё готово? Тогда нажимаем «получить html-код счетчика».

страница с кодом счетчика

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

текстовый редактор с кодом счетчика

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

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

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

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

Скачивание файлов через Filezilla

Готово? Отлично, приступим к редактированию. Первым откроем 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">

header.php с установленным кодом

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

содержимое 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>

footer.php с установленным кодом

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

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

установленный счетчик

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

первая статистика

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

главная страница статистики

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



Источник: http://westseo.ru/liveinternet-counter-setup/
Категория: Дизайн | Добавил: Belinda (08.01.2011)
Просмотров: 5333 | Комментарии: 10 | Теги: Как установить счетчик на сайт | Рейтинг: 0.0/0
Всего комментариев: 10
10  
здесь на данном веб-блоге подобран громадный выбор свежих новостей о ` http://www.infosuper.ru/ - Forex.

9  
Здравствуйте. Представьте, я уже 4 года пользуюсь браузером опера, но лишь вчера узнала о том, что у нее есть расширения!!!!У меня естьhttp://www.opera-all.com/ - _великолепное предложение, а именно: давайте делится ими!

P.S. Я запостила в раздел this - туда? Если нет, переместите!

8  
Мы рады приветствовать на этом сайте. Наша фирма уже пару лет занимается продажей копий кроссовок Nike Air Max, New Balance и других.

Гарантией нашей безупречной работы является большое количество счастливых людей, совершивших покупки в нашей группе вконтакте.
В этот сезон хитом продаж являются http://john-shop.ru/ - кроссовки, которые можно заказать на сайте http://john-shop.ru/.

7  
тут на официальном сайте http://www.justlady.ru/articles-147920-kak-nakachat-ikronozhnye-myshcy - http://www.justlady.ru вы можете взглянуть на огромный выбор интересных статей на тему здоровья. здесь на интернет-сайте все статьи выложены абсолютно бесплатно.

6  
Всем приветик! Давайте далиться последними просмотренными вами фильмами!
Меня недавно впечатлил фильм Мужчина с гарантиейhttp://kinokorsar.ru/ - . По-моему отличный отечественный фильм про взаимоотношения людей.
А вчера мы с мужем сходили на фильм Порочнакя страсть. Интересный фильм о семье, любовнице, деньгах, Тиме Роте и разрушении всего обыденного. Ричард Гир немного постарел, но актерская игра бесподобна!
Какие еще фильмы вы можете посоветовать? хочется чего-нибудь в этом же духе.

5  
Здравствуйте, друзья. Мы с мужем въехали в новую квартиру, ремонт в которой, похоже, не делался никогда. В связи с тем, что на ее покупку пришлось продать старый дом, отдать все сбережения и даже немного занять у родителей, финансовая ситуация не позволяет воспользоваться услугами ремонтных бригад.
А, тем не менее, у нас маленький ребенокhttp://strojdomsam.ru/ - , который просто не должен жить в таких условиях!
Вот я и думаю, как максимально сэкономить на ремонте и хотим попробовать сделать его своими руками.
Но дело в том, что у нас нет никакого опыта, поскольку муж больше головой работает, чем руками, да и боюсь, что придется потом переделывать все и исправлять, а это может повлечь еще большие расходы.
Поделитесь опытом, может кто-то знает, как сделать ремонт подешевле и за что можно взяться самим, а к чему привлекать мастеров.
Заранее благодарна.

4  
Нет ничего сложнее, чем купить подарок для дорогого, любимого мужчины или выбрать презент начальнику, другу. И нет ничего проще, чем сделать это у нас! Для решения всех проблем и создан наш Интернет магазин подарков.
Одним из основных наших направлений является продажа подарков для мужчин. У нас всегда в наличии большой ассортимент подарочных наборов, от недорогих до элитных, например таких, как http://vam-podarki.ru/show_cat2.php?grid=6003 - шампура. Рекомендуем купить набор для покера для азартных людей, которые увлекаются замечательной игрой - покер, они обязательно оценят такой подарок по достоинству.

3  
тут на блоге [url - http://ublaze.ru/ можно взглянуть на большой выбор уникальных статей. на тему http://ublaze.ru/forum/ftopic717.html - Настройка Ресивера DRE-5000. на вышеприведенном интернет-ресурсе все публикации выложены абсолютно бесплатно и без прочей регистрации.

2  
Счетчик от Liveinternet
http://androids.ho.ua

1  
подскажите пожалуйста. У меня на сайте счетчики стоят вряд вертикально а мне надо их поставить горизонтально подскажите пожалуйста как это сделать. Я новичок поэтому не знаю

Имя *:
Email *:
Код *:
Музыка ветра
Погода,Часовня
Молитва undefined (часовня)
Отправить СМС
БилайнМегафонMTC
Зажги свечу
Жми сюда
Праздники
Праздники Украины
Фраза дня