По тем или иным причинам, код счётчиков систем интернет-статистики зачастую приходится скрывать на странице. Оставим в стороне правомерность этого действия (читайте внимательно правила конкретного счётчика) и рассмотрим способы сокрытия.
Самый тривиальный способ, который я, должен признать, долгое время использовал, не ведая о его недостатках:
<div style="display:none">
<!-- SuperLog -->
код счётчика
<!-- /SuperLog -->
</div>
Всё очень просто — с помощью свойства display мы убираем из layout'а страницы код счётчика, при этом Internet Explorer и Mozilla всё равно обрабатывают этот код и загружают спрятанную картинку-счётчик.
Как оказалось из небольшой, но ценной дисскусии, Opera и Safari не загружают картинку-счётчик. Это плохо, т. к. в таком случае мы теряем некоторых посетителей.
В итоге родился такой вот CSS класс (несколько избыточный, но да будет так), который устраивает все современные браузеры:
div.stats{
display:inline;
height:0px;
left:-1000px;
margin:0px;
padding:0px;
position:absolute;
top:-1000px;
visibility:hidden;
width:0px
}
В HTML (желательно, сразу после body) пишем таким образом:
<div class="stats">
<!-- SuperLog -->
код счётчика
<!-- /SuperLog -->
</div>
P. S. Дмитрий предлагает ещё один вариант прятания счетчиков: вместо вписывания посредством document.write рисунка в документ, можно создать объект Image и подгрузить в него рисунок.
Было:
document.write('<a href="http://click.superlog.ru/"><img '+'src="http://hit.superlog.ru/cgi-bin/superlog/count?'+superlog_r+'" border="0" width="88" height="31" alt="SuperLog"></a>');
Стало:
cntHL_Img=new Image;
cntHL_Img.src='http://hit.superlog.ru/cgi-bin/superlog/count?'+superlog_r;