Шаг 1: Создание проекта

1. В разделе «Виджет» нажмите «Новый проект»
2. Укажите домен вашего сайта (обязательно)
3. Нажмите «Создать»

Шаг 2: Настройка внешнего вида

Нажмите «Открыть конструктор» для настройки:

• Макет — вертикальный, горизонтальный или компактный
• Цветовая тема — светлая, тёмная, системная
• Стиль фона — сплошной, прозрачный, эффект стекла
• Скругление углов — от 0 до 32px
• Стиль кнопок — округлые, сглаженные, квадратные

Шаг 3: Получение кода

В конструкторе нажмите «Копировать код». Вы получите HTML:

html<div id="openspeedtest-widget" data-api-key="ВАШ_КЛЮЧ"></div>
<script src="openspeedtest.ru/widget_v2.js&quot; async defer></script>

Шаг 4: Вставка на сайт

Вставьте код в HTML вашего сайта в нужном месте. Виджет загрузится автоматически с атрибутами async defer и не будет блокировать загрузку страницы.

Ограничение по домену

Виджет работает только на домене, указанном при создании проекта. На других доменах будет ошибка «Доступ запрещён». Это защита от кражи вашего ключа.