Перейти к контенту
Калькулятор рейтинга Эло

Вставки и виджеты

Встраиваемые виджеты шахматного рейтинга

Встраиваемые виджеты шахматного рейтинга позволяют клубам, тренерским сайтам, блогам и порталам лиг добавлять работающий калькулятор рейтинга Эло прямо на свои страницы. Вместо того, чтобы привязывать посетителей к внешнему инструменту, вы можете разместить калькулятор рядом с результатами турниров, обучающими статьями или объявлениями о мероприятиях, где он будет наиболее полезен. На этой странице описаны доступные режимы виджетов, инструкции по настройке, рекомендации по размерам, а также чего ожидать с точки зрения производительности и постоянной поддержки. Для пошагового процесса используйте Как встроить шахматный рейтинговый калькулятор на свой сайт.

Доступные режимы виджетов

Виджет доступен в трех конфигурациях: «Только изменение рейтинга» (наиболее компактный вариант, показывающий рейтинг игрока, рейтинг соперника, результат, К-фактор и поля вывода), «Только начальный рейтинг» (для страниц клубов, которые в основном обслуживают новых игроков, оценивающих их первый опубликованный рейтинг) и «Комбинированный режим» (оба калькулятора в интерфейсе с вкладками, идентичном калькулятору на главной странице). Для связанного объяснения можно перейти к Документация по API шахматного рейтинга.

Все три режима полностью адаптивны и адаптируются к ширине контейнера вашей страницы. Минимальная рекомендуемая ширина — 320 пикселей для макетов с одной колонкой. В более широких контейнерах калькулятор будет отображаться в более просторном виде с лучшим визуальным разделением разделов ввода и вывода.

Как добавить виджет на свой сайт

  1. 1 Выберите нужный вам режим виджета (изменение рейтинга, первоначальный рейтинг или комбинированный) и скопируйте соответствующий фрагмент для встраивания с панели настройки ниже.
  2. 2 Вставьте фрагмент HTML на свою страницу, где вы хотите разместить калькулятор. В WordPress используйте пользовательский блок HTML. В Squarespace используйте блок кода. В статическом HTML вставляйте непосредственно в разметку.
  3. 3 Виджет загружается асинхронно, чтобы избежать блокировки рендеринга страницы. Он инициализируется автоматически после завершения загрузки скрипта.
  4. 4 Просмотрите свою страницу на компьютере и хотя бы в одном окне просмотра на мобильном устройстве. Отрегулируйте ширину контейнера или отступы, если калькулятор кажется вам слишком тесным или слишком широким для вашего макета.

Стиль, производительность и конфиденциальность

Виджет использует изолированную таблицу стилей, привязанную к его контейнеру, поэтому он не будет мешать существующему CSS вашего сайта. Общий объем полезной нагрузки в сжатом виде составляет менее 50 КБ, включая логику вычислений, стили и все интерактивное поведение. Никакие внешние шрифты или тяжелые фреймворки не загружаются.

С точки зрения конфиденциальности виджет выполняет все вычисления на стороне клиента. Никакие вводимые пользователем данные не передаются на наши серверы, когда посетители используют встроенный калькулятор. Единственный сетевой запрос — это первоначальная загрузка скрипта. Это делает виджет подходящим для сайтов, которым необходимо свести к минимуму сбор сторонних данных.

Поддержка и управление версиями

  • Версии виджета закреплены: ваш фрагмент для встраивания загружает определенную версию, которая не изменится без вашего вмешательства.
  • Когда доступна новая версия виджета (новые функции, обновления профиля правил), предоставляется дополнительный путь миграции.
  • Если у вас возникли проблемы с отображением, проверьте требования к минимальной ширине контейнера (320 пикселей), прежде чем сообщать об ошибке.
  • Для получения технической поддержки, вопросов по лицензированию или настройке пользовательских виджетов используйте контактную форму.

Лучшие стратегии размещения

Наиболее эффективное размещение виджетов помещает калькулятор там, где естественным образом возникает вопрос пользователя. На странице результатов турнира разместите ее сразу после кросс-таблицы. Вставьте ее в обучающую статью о К-факторе, чтобы читатели могли проверять значения во время чтения. На главной странице лиги разместите ее на боковой панели или в разделе «Герои» в качестве утилиты быстрого доступа.

Избегайте размещения виджета внутри глубоко вложенных контейнеров, в нижней части сгиба на длинных страницах или без какого-либо окружающего контекста. Краткое введение в одно предложение над виджетом значительно повышает вовлеченность по сравнению с непонятным калькулятором, появляющимся в середине страницы.