» »

Счётчик статистики для ucoz


Сразу хочу оговорится, данный счётчик экспериментальный и толком пока не доведён до ума. А именно...

Счётчик выводит данные из оператора $ONLINE_COUNTER$ и если вы поменяли надписи по умолчанию то он ничего не выведет, подсчёт выводился с помощью функций substr, strpos и strrpos, и уже эти значения скрипт выводит в счётчике.

Внимание, предупреждаю сразу, так как я мог ошибиться в подсчётах, то не уверен за правильный вывод значения для Гостей сайта (только для гостей), если кто шарит то поправьте мои высчеты тут:
Код

<?substr($ONLINE_COUNTER$,strpos($ONLINE_COUNTER$,'onl2')+17,-strrpos($ONLINE_COUNTER$,'onl3')-34)?>

Может быть так что когда количество гостей будет двузначное число то ничего не будет выводится...
Прошу тогда поправить на правильную обрезку.

Установка:
Подключаем стили и JS из архива, допустим назовём папку circle:
Код

<link href="http://ссылка/circle/circle.css" rel="stylesheet" type="text/css">
<script src="http://ссылка/circle/progress-circle.js"></script>


Блоки счётчика
Код

<div style="text-align: center;">
<div class="position">
<div class="countr">
<div id="circle1"></div>
Total
</div>

<div class="countr">
<div id="circle2"></div>
Guests
</div>

<div class="countr">
<div id="circle3"></div>
Users
</div>
</div>
</div>

<style>
.position {display: inline-block;}
.countr {display: block; float:left; margin: 3px;}
</style>


Дальше подключаем скрипты надстроек:
Код

<script>
$('#circle1').progressCircle({
nPercent : <?substr($ONLINE_COUNTER$, 48, strrpos($ONLINE_COUNTER$,"onl2")-48-36)?>,
showPercentText : true,
circleSize : 42,
thickness : 8
});
</script>

<script>
$('#circle2').progressCircle({
nPercent : <?substr($ONLINE_COUNTER$,strpos($ONLINE_COUNTER$,'onl2')+17,-strrpos($ONLINE_COUNTER$,'onl3')-34)?>,
showPercentText : true,
circleSize : 42,
thickness : 8
});
</script>

<script>
$('#circle3').progressCircle({
nPercent : <?substr(substr($ONLINE_COUNTER$,0,-10),strpos($ONLINE_COUNTER$,'onl3')+24)?>,
showPercentText : true,
circleSize : 42,
thickness : 8
});
</script>


P.S. Если на сайте будет количество пользователей больше 100, то прогресс бар счётчика замкнётся и будет пустой бар) для этого уже придётся менять настройки скрипта и стилей.

11.08.2016 Загрузок: 6 Просмотров: 475 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
Kosten
Kosten 11.08.2016 21:311
0
Так очень не дурно смотрелся на сайте, что на светлом или на темном, как понимаю, там можно цвета менять.
Angerfist
Angerfist 11.08.2016 21:362
0
конечно,для этого файл CSS в архиве, не стал его тут выкладывать из-за размеров, а так его можно скопировать и внести в общие стили
Kosten
Kosten 11.08.2016 21:403
0
Но также в стилях и форму поменять можно, кого круги не устраивают.
Angerfist
Angerfist 11.08.2016 21:434
0
тогда кирдык прогресс бару, только окружность
Сопрано
Сопрано 11.08.2016 22:435
0
Что сейчас на ucoz может не подойти, так все подгонят, а так намного красивей смотрелось. если и пользователи и гости на сайте были.
feliksteg
feliksteg 11.08.2016 22:506
0
Что то подобное уже встречал на одном блоге. Но там совершенно по другому работало, но вот дизайн точно такой.
Kosten
Kosten 11.08.2016 23:437
0
Но думаю можно на многие функций поставить. не только статистика.
Angerfist
Angerfist 13.08.2016 13:368
+2
Кому интересны эти прогресс бары то основу брал тут и ещё интересное решение тут
spiteful
Djeksen
Djeksen 13.08.2016 14:199
0
Полезная инфа!
tsakonter
tsakonter 15.08.2016 02:2910
0
Как настраивать сложно. но не чего, справился, так для паблика не подойдет, просто хотел посмотреть. нужно такие сайты, как официальный на ucoz, где материал со сторон появляется и в блог поставить, вот там бы смотрелось, если тематика сайта другая была.
avatar