ToolsGambling
TG
/rtp / how-to-embed

Как встроить виджет RTP слотов

Пошаговое руководство для редакторов и разработчиков. Работает на любом сайте, принимающем raw HTML — без JavaScript, без плагинов, без авторизации. Пять минут от начала до конца.

5 минутБез JavaScriptБез регистрацииБесплатно с атрибуцией

Что ты получишь

Самодостаточный iframe с верифицированными данными RTP слота прямо в твоей статье: заявленный RTP, диапазон вариантов, волатильность, максимальный выигрыш, год выпуска, URL источника и небольшая ссылка на ToolsGambling. Виджет адаптивный до 400px и поставляется в трёх размерах (compact, standard, detailed) и трёх темах (auto, light, dark).

Живой пример: /widget/rtp/gates-of-olympus

Быстрый старт (5 минут)

  1. Slot RTP Database Открой базу данных RTP слотов и найди нужный слот.
  2. Кликни на строку слота, чтобы раскрыть панель с полными данными.
  3. Настрой виджет (размер, тема, акцентный цвет, отображаемые поля) кнопками в секции генератора.
  4. Нажми COPY рядом с блоком iframe-кода.
  5. Вставь в свою CMS. Платформо-специфичные инструкции ниже.

Что делать, если не работает?

CMS удалила iframe

Некоторые сайты имеют плагин безопасности или фильтр, удаляющий теги <iframe> по умолчанию. Найди настройку «разрешить iframe» / «raw HTML» / «доверенные embed», или попроси администратора добавить toolsgambling.com в белый список.

Виджет слишком узкий

iframe поставляется с max-width: 400px. Если твоя колонка уже — виджет перестраивается. Чтобы сделать шире, отредактируй HTML iframe и убери style="max-width: 400px".

Виджет показывает не тот слот или «Ошибку»

Проверь слаг в URL. Перегенерируй embed-код из /rtp — слаг автодополняется из нашего отслеживаемого датасета.

WordPress

Блочный редактор (Gutenberg)

  1. Открой редактор поста или страницы.
  2. Нажми кнопку + чтобы добавить новый блок.
  3. Найди «Произвольный HTML» в разделе «Форматирование» или «Виджеты».
  4. Вставь iframe-код из генератора.
  5. Нажми Предпросмотр в тулбаре блока чтобы проверить виджет перед публикацией.

Классический редактор

  1. Переключи редактор на вкладку «Текст» (вверху справа).
  2. Вставь iframe-код в позицию курсора.
  3. Вернись на вкладку «Визуально» для предпросмотра.

Если твой WordPress убирает iframe, попроси администратора установить плагин iframe или добавить источник в фильтр allowed-tags темы.

Webflow

  1. Открой страницу в режиме Designer.
  2. Перетащи элемент Embed на холст (вкладка Components).
  3. Вставь iframe-код в редактор embed-кода.
  4. Нажми Save & Close.
  5. Опубликуй сайт. Виджет отображается на публичном URL (в Designer Webflow показывает заглушку; iframe работает только на опубликованном сайте).

Ghost

  1. В редакторе поста нажми иконку + на пустой строке.
  2. Введи /html и выбери HTML.
  3. Вставь iframe-код в HTML-карточку.
  4. Кликни за пределами карточки для рендера. Виджет появится в панели предпросмотра.

Squarespace

  1. В редакторе страницы нажми + и выбери Code.
  2. Установи язык в выпадающем списке на HTML.
  3. Вставь iframe-код.
  4. Нажми Apply. Шаблоны 7.0 могут требовать тариф Business или выше для блоков кода.

Обычный HTML / статические сайты

Вставь iframe HTML туда, где твой сайт рендерит raw-разметку:

  • Astro / Eleventy / Hugo: вставь в .md или шаблонный файл.
  • Jekyll / GitHub Pages: вставь в тело поста. Markdown разрешает raw HTML.
  • Next.js / React: оберни в фигурные скобки или используй dangerouslySetInnerHTML.

Частые ошибки

Ширина слишком мала

Виджет упирается в ограничение max-width: 400px. Чтобы сделать шире, оберни в div с явной шириной или убери inline style из iframe. Контент виджета перестроится.

Высота обрезана

Embed-код устанавливает фиксированную высоту по размеру (compact 90px, standard 220px, detailed 340px). Если выбранный размер показывает меньше данных — переключись на больший.

Тема не подходит к сайту

Используй theme=light для сайтов с белым фоном, theme=dark для тёмных, или theme=auto чтобы следовать системным настройкам. Выбери акцентный цвет под свой бренд в генераторе.

Мобильная вёрстка сломана

Виджет адаптивный. Если он выходит за пределы на мобильных — возможно, CSS контейнера принудительно задаёт фиксированную ширину. Оберни iframe в div с max-width: 100%.

Устранение неполадок

  • Виджет не загружается → проверь консоль браузера. Если видишь ошибки CSP — на сайте строгая политика frame-src, блокирующая iframe. Добавь toolsgambling.com в allowlist.
  • Виджет загружается, но показывает «Ошибку» → слаг слота может быть неверным. Проверь URL из генератора — он должен совпадать с реальным слотом в базе.
  • Устаревшие данные виджета → новые embed-коды содержат параметр ?v=. Чтобы обновить существующий embed, перегенерируй код из /rtp и замени iframe.
  • Нужна большая квота или коммерческая лицензия? Напиши на hello@toolsgambling.com. Ключи выдаём вручную для подтверждённых кейсов.