Colocación rápida
Pega un fragmento de código iframe en un bloque CMS, un creador de sitios web o una plantilla HTML sin necesidad de reconstruir la página.
Juego Iframe embeds
Juegos Iframe para tu sitio web
Agregue un juego jugable para navegador a un sitio web con un simple iframe. Games I Know ofrece a los propietarios del sitio una ruta de marco ligera, juegos adaptados a dispositivos móviles y eventos postMessage opcionales para inicios, movimientos y resultados completados.
Ruta de trama para embeds
Dimensionamiento priorizando los dispositivos móviles
eventos postMessage
Configuración con reconocimiento de dominio
Respuesta corta
Utilice una ruta de marco y, a continuación, añada el contexto de la página.
Para sitios web embed, utilice Games I Know y iframe con la ruta /embed/{gameSlug}/frame/, un ancho del 100 % y su ID de inquilino. Funciona bien para blogs, páginas de negocios, comunidades y sitios personalizados.
Prueba un juego iframe embed
Primero, reproduce la demostración iframe y luego inspecciona el registro de eventos de la página principal para ver qué puede recibir tu sitio web.
Propietarios de sitios que desean un iframe embed directo
Por qué los juegos iframe funcionan bien en los sitios web
Un iframe mantiene el juego aislado de tu página principal, al tiempo que ofrece a los visitantes un bloque jugable con una sensación nativa.
Aislamiento más seguro
El juego se ejecuta en su propio marco, por lo que el diseño, los scripts y los estilos permanecen separados de la página principal.
Eventos útiles
Presta atención a los eventos de inicio y finalización cuando necesites análisis, recompensas o un comportamiento de página personalizado.
Flujo de configuración
Cómo agregar juegos iframe a un sitio web
El patrón de producción es sencillo: registrar el dominio, copiar una URL de marco, establecer las dimensiones iframe y escuchar los eventos si es necesario.
Paso 1
Crear una cuenta de socio
Registra el sitio que alojará el juego para que el iframe pueda vincularse a un dominio aprobado.
Paso 2
Elige un juego
Elija Tic Tac Toe, Four in a Row, Bingo o I Know según la audiencia y el diseño de la página.
Paso 3
Pegue la URL del marco
Utilice /embed/{gameSlug}/frame/ como fuente iframe. La página pública /embed/{gameSlug}/ es para humanos y motores de búsqueda.
Paso 4
Esté atento a los eventos
Utilice eventos postMessage como GAME_STARTED y GAME_COMPLETED cuando su página necesite análisis, recompensas o una interfaz de usuario personalizada.
Implementación
Notas sobre la ubicación del iframe
Utilice la ruta del marco dentro de iframe y mantenga la ruta de aterrizaje pública disponible como un enlace normal para usuarios y rastreadores.
Utilice la ruta del marco
El atributo iframe src debe apuntar a /embed/{gameSlug}/frame/ con su tenantId. No utilice iframe en la página pública de SEO.
Establecer dimensiones estables
Utilice un ancho del 100% y una altura cercana a los 640 píxeles para que el juego tenga espacio en las columnas de contenido de teléfonos y ordenadores de escritorio.
Maneje la finalización con cuidado
Para premios, créditos o contenido restringido, envíe resultId y signedToken de GAME_COMPLETED a su backend y verifique con una clave de servidor asociada antes de otorgar las recompensas.
Juegos disponibles
Elige el juego que mejor se ajuste a la página.
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.
Configuración de 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.
Configuración de Embed
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Configuración de Embed
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Configuración de Embed
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Configuración de Embed
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Configuración de Embed
Preguntas frecuentes
Preguntas frecuentes sobre iframe juegos para sitio web
¿Cuál es la diferencia entre /embed/{gameSlug}/ y /embed/{gameSlug}/frame/?
Utilice /embed/{gameSlug}/frame/ como src de iframe. Esta ruta es el marco de juego ligero creado para los embed del sitio web y los eventos postMessage. La ruta /embed/{gameSlug}/ es la página de vista previa pública y SEO para los usuarios, no la ruta que se debe colocar dentro de un iframe.
¿Los visitantes necesitan descargar una aplicación o crear una cuenta?
No. Los visitantes pueden jugar dentro del navegador iframe en teléfono, tableta, computadora portátil o de escritorio. Solo el propietario del sitio web que instala embed necesita una cuenta de socio.
¿Puedo restringir el embed a mi propio dominio?
Sí. Los Games I Know y embed están diseñados en torno a sitios web registrados y configuraciones de inquilino con dominio restringido, por lo que el código iframe copiado no se puede reutilizar libremente en sitios no autorizados.
¿Qué títulos de Games I Know están actualmente disponibles en embed?
Tic Tac Toe, Four in a Row, Bingo y I Know están disponibles como juegos de navegador compatibles con embed. La documentación de embed utiliza el mismo modelo de eventos en todos los juegos compatibles.
¿Los juegos iframe son malos para el SEO?
La página del juego en sí no debe ser la página de SEO. Mantén una página indexable normal alrededor de embed con texto útil, enlaces y contenido de preguntas frecuentes. Games I Know también proporciona páginas públicas embed y documentación que los motores de búsqueda y los rastreadores AI puedan comprender.
¿Listo para agregar un juego de navegador?
Crea una cuenta de socio, registra tu dominio y genera un iframe restringido al dominio para tu sitio web.