Встраиваемые виджеты спортивных данных

Серверный рендеринг через <iframe>: турнирные таблицы и тренды лиг — уже сейчас, одной строкой кода. Ключ остаётся на стороне сервера, без CORS и без правок на вашем сайте.

Документация

ДОСТУПНО СЕЙЧАС

Готовые виджеты

Живой пример ниже — реальные данные через наш API. Скопируйте строку, подставьте tournament id — готово.

Турнирная таблица

<iframe src="https://sportwire.ru/widget/standings?tournament=31382"
        width="100%" height="520" frameborder="0"></iframe>

Профиль лиги (тренды)

<iframe src="https://sportwire.ru/widget/trends?tournament=31382"
        width="100%" height="220" frameborder="0"></iframe>

Параметры: theme=dark, type=home|away|form (таблица), limit, title=0. Список tournament id — в справочнике лиг.

СКОРО

В разработке

Ещё компоненты на подходе — live-счёт, матч-центр, расписание и карточка команды.

Live-счёт

Текущий счёт, минута матча, статистика тайма — обновляется в реальном времени без перезагрузки страницы.

<script src="//widgets.sportwire.ru/loader.js"
        data-widget="live"
        data-event="8842"></script>

Турнирная таблица

Standings-виджет для любой лиги из каталога покрытия. Обновляется после каждого тура автоматически.

<script src="//widgets.sportwire.ru/loader.js"
        data-widget="standings"
        data-league="271"></script>

Карточка матча

Компактный блок с командами, счётом, статусом и ключевыми событиями — для встраивания в статью или новость.

<script src="//widgets.sportwire.ru/loader.js"
        data-widget="match-card"
        data-event="8842"></script>

Расписание

Fixtures-виджет — предстоящие матчи лиги или команды, отсортированные по дате. Поддерживает пагинацию.

<script src="//widgets.sportwire.ru/loader.js"
        data-widget="fixtures"
        data-team="1234"></script>

CUSTOMIZATION

Кастомизация

Виджеты адаптируются под дизайн вашего сайта — без правки исходного кода компонента.

Цвета и шрифты через CSS variables

Задайте переменные --sw-accent, --sw-font и т.д. в родительском контейнере — виджет подхватит их автоматически.

/* в вашем CSS */
.sw-container {
--sw-accent: #0A6BD6;
--sw-font: "Inter";
}

Тёмная и светлая тема

Атрибут data-theme="dark" переключает виджет в тёмный режим. Поддерживается prefers-color-scheme автоматически.

Адаптивный или фиксированный размер

По умолчанию — responsive, занимает 100% ширины контейнера. Задайте data-width="360" для фиксированной ширины в пикселях.

Русский язык по умолчанию

Все лейблы, статусы матчей и числа — на русском языке. Локаль переключается атрибутом data-locale="en".

RATE LIMITS

Тарифы для виджетов

Виджеты используют те же тарифные лимиты, что и прямые запросы к API — каждый рендер виджета это запрос к SportWire.

Кэшируйте виджеты на стороне клиента

Виджет Live-счёт обновляется каждые 30 секунд — это оптимальный интервал для live-данных. Статичные виджеты (расписание, таблица) можно кэшировать на 5–15 минут.

Используйте data-cache для статичных виджетов

Атрибут data-cache="900" указывает время кэша в секундах. Виджет не будет делать лишних запросов до истечения TTL.

Для высоконагруженных проектов — тариф Business

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

Смотреть тарифы →

Добавьте live-данные на ваш сайт за одну строку

Виджеты SportWire готовы к встраиванию — скор, таблица, расписание. Никакой вёрстки с нуля.

Документация

Оплата в рублях Договор с ИП / ООО Пробный доступ бесплатно