Как добавить счетчик посещений на сайт
Счетчики посещений можно найти почти на любом сайте, а если их не видно визуально, то это ещё совсем не означает, что их нету. Настоящий веб-мастер и оптимизатор обязательно должен знать сколько человек посещают его ресурс, по каким запросам они переходят и т.п. Некоторые даже ставят счетчики на видное место, чтобы похвастаться перед другими пользователями (веб-мастерами). Из этой статьи Вы узнаете о том, как добавить счетчик посещений к себе на сайт, а также как выбрать счетчик.
Кому и для чего нужен счетчик на сайте?
Обычный пользователь далекий от создания сайтов не имеет представления, что считается большой посещаемостью, а что маленькой. Значит хвастаться перед такими пользователями посещаемостью нету никакого смысла. Поэтому надо чётко понимать, что счетчик необходим прежде всего веб-мастеру. А нужен он для того, чтобы отслеживать общую посещаемость, а так же следить за детальной статистикой: какой материал на сайте наиболее интересен, какое среднее время пребывания на сайте, какие поисковые запросы привлекли пользователей и т.д.
Какой счетчик выбрать
Для начала надо определиться какой счетчик установить на свой сайт. Сразу скажу, что выбор из действительно стоящих бесплатных счетчиков не велик. Я бы порекомендовал обязательно поставить на сайт счетчик от liveinternet.ru. Этот счетчик обладает большими статистическими способностями. Например, он позволяет отслеживать поисковые запросы (точнее сказать позволял, т.к. теперь переходы с ПС стали хешироваться), точки входа/выхода, количество просмотров страниц, переходы с сайтов, с поисковых систем и т.д.
Так же хорошими счетчиками являются top100.rambler.ru и metrika.yandex.ru. В итоге, я предлагаю ставить на сайт три счетчика: liveinternet.ru, top100.rambler.ru и metrika.yandex.ru. Также можно поставить к себе и Google Analitics (но я обычно его не ставлю). Теперь расскажу о главном: как установить счетчик на сайт.
Установка счетчика на сайт
1) Счетчик от liveinternet.ru
Форма для добавления сайта в систему: http://www.liveinternet.ru/add.
Я думаю, что объяснять как заполнять форму при добавление сайта не стоит, поскольку здесь все очевидно. Единственное, что хочу сказать: в последнем пункте "участие в рейтингах" не забудьте выбрать категорию (если, конечно, Вы планируете участвовать в общем рейтинге). Далее Вы попадете на страницу, где Вас попросят проверить правильность введенных данных. Если Все правильно, то нажимаете на кнопку зарегистрировать.
Попав на следующую страницу нажимайте на "получить html-код счетчика". Вы попадете на страницу выбора счетчика:
Выбор формата счетчика LiveInternet
Я люблю счетчики второго типа, где показывается число просмотров за 24 часа, число посетителей за 24 часа и число посетителей за сегодня. После выбора счетчика, кликайте по нему и попадете на страницу выбора цвета.
После этого внизу страницы нужно выбрать тип счетчика.
Я всегда выбираю самый первый пункт: "в виде одной картинки" (он стоит по умолчанию). Далее в самом низу страницы будет кнопка "получить html-код счетчика", нажимайте на неё и перед Вам откроется новая страница с кодом.
Код счетчика LiveInternet выглядеть примерно так:
<!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target="_blank"><img src='//counter.yadro.ru/hit?t11.8;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet-->
Полученный код нужно вставить в том месте Вашей html-страницы, где Вы хотите, чтобы был счетчик. Советую ставить его в самом низу страницы, чтобы не тормозить загрузку страницы.
Также советую закрыть счетчики в тег <noindex></noindex>, а к тегу a прибавить rel="nofollow", чтобы не передавать вес.
2) Счетчик от top100.rambler.ru
Для начала нужно зарегистрироваться в рамблере: http://top100.rambler.ru/user/agreement. После этого авторизируйтесь и переходите по ссылке: http://top100.rambler.ru/register/1.
Далее следуйте инструкциям. Вообщем смысл примерно тот же самый, что и в первом случае. Здесь придется заполнить немного больше полей, чем у лайвинтернета. В самом конце Вам будет предложено выбрать тип счетчика:
Выбор типа счетчика в топ100 рамблер
После этого получаете код счетчика и так же как в первом случае вставляете его в том месте на сайте, где хотите, чтобы он выводился.
Код будет выглядеть примерно так:
<!-- begin of Top100 code --> <script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2612013"></script> <noscript> <a href="http://top100.rambler.ru/navi/2612013/"> <img src="http://counter.rambler.ru/top100.cnt?2612013" alt="Rambler's Top100" border="0" /> </a> </noscript> <!-- end of Top100 code -->
3) Счетчик от metrika.yandex.ru
Для добавления сайта в Яндекс Метрику Вы должны быть авторизированны на яндексе. После этого переходите на страницу http://metrika.yandex.ru/list/ и нажимайте вверху "добавить счетчик".
После этого необходимо будет заполнить соответствующие поля и аналогичным образом разместить код на сайте. Обычно счетчик от метрики я делаю невидимым на сайте.
После того как Вы добавите счетчики на сайт через пару деньков уже можете начинать анализировать статистику сайта.
Как сделать счетчик красивым
В качестве бонуса я расскажу о том, как сделать счетчик более красивым. Для этого Вам понадобится написать в своей таблице стилей CSS следующий код:
#cnt a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); -khtml-opacity: 0.3; } #cnt a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); -khtml-opacity: 1; }
А в месте, где нужно вставить коды счетчиков прописать следующие:
<div id="cnt"> Коды счетчиков </div>
После этого у Вас будут счетчики как на этом сайте, т.е. они затемнены, а при наведение становятся яркими.
Читайте также:
• Как сделать выпадающие меню
• Как сделать favicon
• Как увеличивать изображения (все способы)
• Эффект падающих снежинок на сайт
• Добавление социальных кнопок на сайт
• Как сделать фон для сайта
← Перейти в каталог html уроков и советов
|
