Сайты и виджеты

Для вывода на своём сайте счётчика голосов/рейтинга от FairTop, а также мониторинга серверов, Вам необходимо включить в код страницы на которой необходим вывод счётчика следующий скрипт:

<script async src="//fairtop.in/api/openapi.min.js"></script>

После подключения скрипта необходимо инициализировать места размещения баннера и мониторинга (вы можете инициализировать только баннер, либо только мониторинг).

 

Инициализация баннера

Для инициализации баннера необходимо в том месте вашего сайта, в котором вы хотите разместить счётчик вставить следующий блок:

<div id="ft_api-counter" data-counter="0" data-project="1"></div>

В данном блоке вы можете на своё усмотрение изменить следующие параметры:

data-counter="0" - где 0 - тип счётчика (любое число от 0 до 4)

data-project="1" - где 1 - ID вашего проекта на FairTop (вы можете узнать его на странице "Сводные данные")

 

Инициализация мониторинга

Для инициализации мониторинга необходимо в том месте вашего сайта, в котором вы хотите разместить мониторинг вставить следующий блок:

<div id="ft_api-online" data-border="3" data-color="8BC34A:E53935" data-background="C4C4C4" data-text="212121" data-servers="1,2,3"></div>

 

В данном блоке вы можете изменять следующие параметры:

data-border="3" - степень закругления блока мониторинга (указывается в пикселях), где вместо 3 вы можете указать любое положительное число

data-color="8BC34A:E53935" - цвета при включенном и недоступном сервере (шестнадцатиричное значение), где 8BC34A - цвет при включенном сервере, а E53935 - при выключеном. Обратите внимание: указывать символ "#" не нужно.

data-background="C4C4C4" - цвет фона полоски прогресса (шестнадцатиричное значение), где C4C4C4 - цвет фона. 

data-text="212121" - цвет текста (шестнадцатиричное значение), где 212121 - цвет текста.

data-servers="1,2,3" - ID серверов на FairTop через запятую, мониторинг которых необходимо показывать (вы можете узнать его на странице "Мои серверы"). Не больше 8 серверов. В случае необходимости вывода мониторинга для одного сервера, данный параметр выглядит так: data-servers="1"