SEO-контент отображается на сервере без изменений.
Заголовки, руководства, часто задаваемые вопросы и схемы могут отображаться в формате HTML во время загрузки игры во фрейме.
Виджет игры Astro
Виджет Astro Game для статических и гибридных сайтов
Сайты, посвященные астрофизике, могут быстро создавать индексируемые страницы и при этом предлагать интерактивную игру. Заголовки, текст и схему размещения должны оставаться на странице астрофизики, Games I Know iframe отображаться в теле страницы, а небольшой клиентский скрипт или «островок» следует использовать только там, где необходимы события браузера.
Страницы, удобные для статического отображения
Минимальный клиентский JavaScript
Индексируемая копия
маршрут фрейма Iframe
Краткий ответ
Используйте маршрут через фрейм, а затем добавьте контекст страницы.
В Astro создайте индексируемую страницу с метаданными и содержимым FAQ, затем добавьте на страницу embed /embed/{gameSlug}/frame/. Добавьте клиентский скрипт для отправки postMessage, когда вам понадобятся события GAME_STARTED или завершения игры.
Попробуйте игровой виджет, оптимизированный для Astro.
Демонстрационная версия в реальном времени имитирует шаблон iframe и журнала событий, который можно разместить на странице контента Astro.
Разработчики Astro добавляют игру iframe
Почему Astro хорошо работает с игровыми виджетами iframe
Astro отлично справляется с созданием страниц, насыщенных контентом. Игра остается в формате iframe, поэтому игровую логику не нужно включать в основной пакет.
Небольшой клиентский охват
Клиентский JavaScript необходим только для обработчиков событий или вспомогательных функций полноэкранного режима.
Везде один и тот же embed
Используйте один и тот же шаблон URL-адреса фрейма на сайтах Astro, Next.js, WordPress и пользовательских сайтах.
Настройка процесса
Как добавить игровой виджет в Astro
Создайте маршрут с метаданными в метаданных, поместите iframe в шаблон и выделите отправку сообщений браузером в отдельный скрипт на стороне клиента.
Шаг 1
Создать страницу Astro
Добавьте заголовок, описание, канонический URL и полезный текст вокруг места размещения игры.
Шаг 2
Отобразить iframe
Используйте URL-адрес фрейма Games I Know с вашим tenantId в теле страницы или в небольшом частичном компоненте.
Шаг 3
При необходимости добавьте сообщения для клиентов.
Используйте скрипт client:load или island для прослушивания событий postMessage от iframe.
Шаг 4
Проверка подписанных результатов на стороне сервера.
Используйте маршрут API или конечную точку бэкэнда для проверки завершения перед начислением вознаграждений.
Выполнение
Примечания к реализации Astro
Рассматривайте страницу Astro как SEO-поверхность, а iframe - как интерактивную границу приложения.
Не iframe на целевой странице
Используйте /embed/{gameSlug}/frame/ внутри iframe. Сохраните /embed/{gameSlug}/ как обычную ссылку для сканирования.
Резерв iframe высота
Установите фиксированную высоту около 640 пикселей, чтобы уменьшить смещение элементов при загрузке игрового окна.
Добавить схему часто задаваемых вопросов
Схема FAQ и инструкций на странице Astro помогает поисковым системам и системам AI понять интеграцию.
Доступные игры
Выберите игру, подходящую для этой страницы.
Tic Tac Toe
Embed for same-screen play on your site, or send players to Games I Know to challenge a friend remotely with a room link.
Embed настройка
Four in a Row
Embed for local two-player drops on one screen, or link friends to play Four in a Row online from anywhere.
Embed настройка
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Embed настройка
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Embed настройка
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Embed настройка
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Embed настройка
Часто задаваемые вопросы
Часто задаваемые вопросы о Виджет игры Astro
В чем разница между /embed/{gameSlug}/ и /embed/{gameSlug}/frame/?
Используйте /embed/{gameSlug}/frame/ в качестве src для iframe. Этот маршрут представляет собой легковесный игровой фрейм, созданный для веб-страниц embed и событий postMessage. Маршрут /embed/{gameSlug}/ - это страница для публичного предварительного просмотра и SEO-оптимизации, а не маршрут, который следует размещать внутри iframe.
Нужно ли посетителям скачивать приложение или создавать учетную запись?
Нет. Посетители могут играть в браузере iframe на телефоне, планшете, ноутбуке или настольном компьютере. Партнерский аккаунт нужен только владельцу сайта, который устанавливает embed.
Могу ли я ограничить использование embed только своим собственным доменом?
Да. Games I Know и embed разработаны для зарегистрированных веб-сайтов и настроек арендаторов с ограничениями по домену, поэтому скопированный код iframe нельзя свободно использовать на неавторизованных сайтах.
Какие названия Games I Know в настоящее время доступны для embed?
Игры Tic Tac Toe, Four in a Row, Bingo и I Know доступны в качестве браузерных игр, поддерживающих embed. В документации к embed используется одна и та же модель событий для всех поддерживаемых игр.
Можно ли использовать Games I Know со статическим выводом Astro?
Да. Содержимое страницы может быть полностью статическим HTML. iframe загружает игру из Games I Know во время выполнения в браузере посетителя.
Готовы добавить браузерную игру?
Создайте партнерский аккаунт, зарегистрируйте свой домен и сгенерируйте для своего веб-сайта iframe с ограничением доступа к домену.