как спрятать кнопки счетчиков

По тем или иным причинам, код счётчиков систем интернет-статистики зачастую приходится скрывать на странице. Оставим в стороне правомерность этого действия (читайте внимательно правила конкретного счётчика) и рассмотрим способы сокрытия.

Самый тривиальный способ, который я, должен признать, долгое время использовал, не ведая о его недостатках:

<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;

Автор: Александр Шуркаев, “Заметки HTML кодера

Опубликовано

Похожие записи

Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo