Счётчик посещений страницы


В отличие от счётчика просмотра постов, этот счётчик показывает гостю, сколько раз он был на определённой странице сайта. То есть данные для каждого посетителя сайта разные и основываются на кукисах браузера.
Ценнность скрипта весьма относительная, поэтому я попробую минимизировать нагрузку на шаблон и описываю быструю установку.

Демо:
Вы возвращаетесь на страницу раз.

Быстрая установка.
В 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.

4 комментария:

  1. а как сделать так чтобы можно было сбрасывать этот счетчик???и можно ли вобще?

    ОтветитьУдалить
  2. Сбросить кеш браузера.

    ОтветитьУдалить
  3. а чтобы при нажатию на кнопку счетчик обнулялся это реально???

    ОтветитьУдалить
  4. shift+ctrl+delete в лисе =).
    Наверное стоит копать в сторону delete cookie javascript function.

    ОтветитьУдалить