В отличие от счётчика просмотра постов, этот счётчик показывает гостю, сколько раз он был на определённой странице сайта. То есть данные для каждого посетителя сайта разные и основываются на кукисах браузера.
Ценнность скрипта весьма относительная, поэтому я попробую минимизировать нагрузку на шаблон и описываю быструю установку.
Демо:
Вы возвращаетесь на страницу раз.
Быстрая установка.
В html код шаблона, перед закрывающим тегом </head> поставить следующий код:
<link type='text/css' rel='stylesheet' href='http://linuxesrf.gb7.ru/backcounter/backcounter.css' /> <script src='http://linuxesrf.gb7.ru/backcounter/backcounter.js' type='text/javascript'></script>
И в том месте, где нужен счётчик (например, html виджет/гаджет) поставить этот код:
Вы возвращаетесь на страницу <script> page_counter(jcount); </script> раз.Текст можете изменить по своему усмотрению.
Не быстрая установка.
Код javascript, который тоже можно ставить перед тегом </head>:
<script> //Personal Counter- by Jaafar Bin Yusof, Singapore (jaafar66@yahoo.com) expireDate = new Date expireDate.setMonth(expireDate.getMonth()+6) jcount = eval(cookieVal("jaafarCounter")) jcount++ document.cookie = "jaafarCounter="+jcount+";expires=" + expireDate.toGMTString() function cookieVal(cookieName) { thisCookie = document.cookie.split("; ") for (i=0; i<thisCookie.length; i++){ if (cookieName == thisCookie[i].split("=")[0]){ return thisCookie[i].split("=")[1] } } return 0 } function page_counter(){ for (i=0;i<(5-jcount.toString().length);i++) document.write('<span class="backcounter">0</span>') for (y=0;y<(jcount.toString().length);y++) document.write('<span class="backcounter">'+jcount.toString().charAt(y)+'</span>') } </script>На 22 строке есть параметр, определяющий кол-во разрядов в счётчике:
(i=0;i<(5-jcount.toString().length)Стили, которые тоже надо скопировать туда же, что и предыдущий код:
<style> .backcounter{ background-color:none; color:gray; font-weight:bold; } </style>Этот код отвечает за внешний вид цифр в счётчике:
- background-color - цвет фона
- color - цвет цифр (вместо gray можно поставить номер цвета)
- font-weight - стиль шрифта (стоит жирный)
Html код для установки в виджет/гаджет шаблона приведён в "быстрой установке".
Автор скрипта - Jaafar Bin Yusof.
а как сделать так чтобы можно было сбрасывать этот счетчик???и можно ли вобще?
ОтветитьУдалитьСбросить кеш браузера.
ОтветитьУдалитьа чтобы при нажатию на кнопку счетчик обнулялся это реально???
ОтветитьУдалитьshift+ctrl+delete в лисе =).
ОтветитьУдалитьНаверное стоит копать в сторону delete cookie javascript function.