Реальные счетчики посетителей |
||
Инструкция по установке |
||
Счётчик подсчитывает количество посетителей одновременно просматривающих сайт. Показания меняются в режиме реального времени. Для использования счётчика не требуется регистрация.
Для установки счётчика нужно установить HTML-код на все страницы своего сайта. Код требует подключения библиотеки jQuery. Если на вашем сайте она не используется, то её можно подключить перед подключением кода счётчика. В тэге <HEAD>:
<script src="http://api.isety.net/js/jquery-3.4.1.min.js"></script>
Затем в этом же тэге код для работы счётчика:
<link rel="stylesheet" media="all" href="http://api.isety.net/css/realCounter/isetyRealCounter.css?v=1.0"> <script src="http://api.isety.net/js/realCounter/isetyRealCounterHandlerSimple.min.js?v=1.0"></script> <script src="http://api.isety.net/js/realCounter/isetyRealCounterGetter.min.js?v=1.0"></script> <script src="http://api.isety.net/js/realCounter/isetyRealCounter.min.js?v=1.0"></script>
Далее в месте, где хотите видеть счетчик, укажите код:
<div id="isety-real-counter"></div> <script> isety = new isetyRealCounter({member:'your.host'}); </script>
Вместо your.host укажите хост вашего сайта или любое ключевое слово. Оно должно быть одинаково на всех страницах, так как по нему идентифицируется ваш персональный счётчик.
Примеры |
||
Простой счетчик:
Работает при подключении isetyRealCounterHandlerSimple.min.jsБарабанный счетчик:
Работает при подключении isetyRealCounterHandlerDrum.min.jsЛистовой счетчик:
Работает при подключении isetyRealCounterHandlerPage.min.js
Персонализация счётчика |
||
Внешний вид счётчика можно менять с помощью стилей, указанных в isetyRealCounter.css. Вы можете скопировать код из файла в свой CSS-файл для изменения внешнего вида.
Поведение счетчика можно изменить с помощью параметров, передаваемых при создании объекта new isetyRealCounter(). Например так:
isety = new isetyRealCounter({ member:'annet-online.ru', counterAreaId:'annet-real-counter', handler:isetyRealCounterHandlerSimple, getter:isetyGetCounterReal, });
Параметр | Тип | Описание |
---|---|---|
member | строка | Уникальный идентификатор счётчика. Лучше указать хост своего сайта. Например: isety.net |
counterAreaId | строка | Идентификатор области на странице, указанной в параметре id тэга <DIV>. По умолчанию параметр имеет значение "isety-real-counter". |
signs | целое | Количество разрядов счетчика. При изменении количества разрядов может потребоваться так же персонализировать isetyRealCounter.css, так как свойство .total-area.width задаёт ширину области счётчика. Она может быть расширена автоматически, но не уменьшена. По умолчанию 3. |
handler | объект | Обработчик значений. Обычно не требуется указывать, если вызван один обработчик (например: <script src="http://api.isety.net/js/realCounter/isetyRealCounterHandlerDrum.min.js?v=1.0"></script>). От обработчика зависит анимация и скорость смены значений. Самая медленная смена у isetyRealCounterHandlerDrum, самая быстрая у isetyRealCounterHandlerSimple. Все возможные варианты анимации смены значений указаны в примерах выше. |
delay | целое | Задержка первичной смены значения в секундах. Обычно не требуется. Если после загрузки счетчика возникают проблемы при анимации, попробуйте поставить задержку 1-3 секунды. |