ToolsGambling
TG
/rtp / how-to-embed

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

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

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

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

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

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

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

  1. Открой базу RTP слотов и найди нужный слот.
  2. Нажми на строку слота, чтобы раскрыть панель с полными данными.
  3. Настрой виджет кнопками в генераторе: размер, тема, цвет акцента, какие поля показывать.
  4. Нажми COPY рядом с блоком кода iframe.
  5. Вставь в свою CMS. Инструкции для каждой платформы — ниже.

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

CMS удалила iframe

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

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

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

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

Проверь слаг в адресе. Сгенерируй код заново через /rtp: там слаг подставляется из нашей базы сам.

WordPress

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

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

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

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

Если WordPress вырезает iframe, попроси администратора поставить плагин для iframe или внести источник в список разрешённых тегов темы.

Webflow

  1. Открой страницу в режиме Designer.
  2. Перетащи элемент Embed на холст (вкладка Components).
  3. Вставь код iframe в редактор встраиваемого кода.
  4. Нажми Save & Close.
  5. Опубликуй сайт. Виджет появится на публичном адресе. В 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 / статические сайты

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

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

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

Слишком узкая ширина

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

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

Код задаёт фиксированную высоту под каждый размер: compact 90px, standard 220px, detailed 340px. Если в выбранном размере видно не всё, возьми размер побольше.

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

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

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

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

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

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