Липовый счетчик лиру


На подавляющем большинстве сайтов во всемирной паутине есть счетчики посещаемости: показываемые посетителям и чисто для внутреннего потребления. Их много разных, один из самых распространенных - это от liveinternet.ru или, как часто говорят, лиру. Счетчик от лиру показывает число посетителей за сутки, сегодня, даже за месяц - как настроить отображение. Есть такой и у меня на блоге читающего программиста - посмотрите внизу справа.

мой счетчик лиру

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

счетчик лиру с большими цифрами

Но тут моя мысль пошла дальше. Эта картинка, конечно, легко определяется и обман раскрывается. Но можно ли сделать такой липовый счетчик, который был б неотличим от настоящего? Можно. Правда, внимательный посетитель после некоторого изучения раскусит обман, но процентов 80-90 обычных людей поверят. А это немало, поверьте. Уж извините за тавтологию :) Итак, как же сделать такой счетчик лиру, который бы показывал нужные нам цифры и при этом выглядел бы как настоящий.

Первым делом сохраняем картинку с настоящим счетчиком себе на компьютер и убираем с неё циферки. Я воспользовался для этого фотошопом:

обрабатываем в фотошопе

Вот что получится у нас в итоге:

пустой счетчик лиру

Теперь надо наложить числа на этот шаблон. Делаем див оболочку и див с текстом с позишн абсолют, настраиваем текст внутри, цвет и подбираем шрифт. Для меня самым сложным оказалось найти шрифт. Я так и не нашел какой точно шрифт используется на счетчике liveinternet.ru, но очень похож на него Visitor TT2 BRK. Вот такой счетчик в итоге мы теперь имеем:

9 577
2 845
301



Верстка:

<div id="obol" name="obol">
<img src="img/art167-4.gif"  id="imin" name="imin"/>
<div id="txtin" name="txtin">9577<br />2845<br />301</div>
</div>
Если присмотреться, то можно найти отличия, например, нет нижней черты у единицы. Но, согласитесь, сходство очень даже неплохое. Это все прекрасно, но надо бы как-то менять циферки. Причем так, чтобы они менялись как будто в связи с настоящими посетителями. Это несложно. Предположим, что нам нужно нарисовать 600-700 человек в сутки. Разделим на 24 часа и получим 25 человек каждый час. А теперь на счетчике отобразим. Изменять наши цифры будет вот этот javascript код:

<script>
var date = new Date();
var ch1 = Math.floor( Math.random()*(90)) + 900;
var ch2 = Math.floor( Math.random()*(90)) + 600;
var ch3 = date.getHours()*25 + date.getMinutes();
document.all ('txtin').innerHTML = ch1 + "<br />" + ch2 + "<br />" + ch3;
</script>
Немного комментариев. ch2 - это число посетителей, при этом оно колеблется от 600 до 690; ch1 - число просмотров, его делаем в 1,5 раза больше; ch3 - число посетителей сегодня, оно отображается в связи с текущим временем. Но и это еще не все. Настоящая статистика кликабельна. Добавим возможность перейти по клику и на нашу. Для этого необходимо еще немного пошаманить со стилями, чтобы они приобрели следующий вид:

<style>
@font-face {
    font-family: 'xx';
    src: url('../css/8129.ttf');
}

#obol {
position: absolute;
}

#txtin {
position: absolute;
top: 2px;
right: 3px;
font-size: 12px;
font-weight: 500;
text-align: right;
color: #030303;
font-family: 'xx';
letter-spacing: 1px;
line-height: 0.75;
}

#obol a {
height: 100%;
width: 100%;
}
</style>
не забыть обернуть в ссылку див, и в итоге после всех манипуляций имеем вот такой вот результат:




Заключение

Что мы имеем в итоге? Мы получили счетчик лиру, который очень похож на настоящий, и который с первого взгляда не вызовет никаких подозрений у не очень опытного вебмастера - если конечно, на нем не поставить запредельные цифры. Для больше достоверности необходимо наш javascript код выполнять на сервере, генерировать не верстку, а уже готовую картинку - это можно сделать с помощью php. Кстати, лиру именно и отдает картинку в формате gif. Кроме этого, лучше подобрать максимально похожий шрифт и поигратьcя с его толщиной: настоящий немного толще. Поработать с расстояниями между цифрами. Также необходимо под счетчиком генерировать код, который вставляется для настоящего, точнее, его имитацию. Это требуется, если посетитель захочет посмотреть исходный код страницы. Если все это провернуть, то получим такой счетчик, который в 99.99% не сможет отличить от настоящего даже профессионал. Только надо удалить сайт из рейтинга и закрыть статистику!

Продолжение

А если вам не хочется вникать во все эти мелочи, но есть желание что-то изменить на своем сайте, то вы всегда можете обратиться ко мне, написав на up777up@yandex.ru. Я с удовольствием и за небольшую плату сделаю любую работу на вашем сайте.
Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

тегистатьи IT, javascript, css, liveinternet, счетчик посетителей




Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.




Урок 39. Область действия блока JS
Замена задачи с сохранением конечного результата
Шифрование файлов в Windows