Cómo añadir juegos gratuitos para navegador a tu sitio web de WordPress: no se requiere programación.

Muchos sitios web de WordPress están diseñados para ser leídos, escaneados y explorados. Esto funciona bien para blogs, páginas de negocios y centros de recursos, pero también puede dar una sensación de estático. Agregar un pequeño juego interactivo para navegador ofrece a los visitantes una actividad sin necesidad de que descarguen una aplicación ni abandonen el sitio.

Games I Know ofrece juegos ligeros para navegador como Tic Tac Toe, Four in a Row, Bingo y I Know. Con el plugin Embed Browser Games by Games I Know para WordPress, puedes añadir esos juegos a través del editor de bloques o un shortcode en lugar de pegar manualmente el código HTML de iframe.

Respuesta rápida: ¿cómo se añaden juegos a WordPress?

Instala Embed Browser Games de Games I Know, añade tu ID de socio en Games I Know > Ajustes, inserta un bloque de juego de Games I Know o el código corto `[gamesiknow]`, previsualiza la página en ordenador y móvil, y publícala. Los visitantes juegan directamente en el navegador sin necesidad de descargar ninguna aplicación.

¿Por qué añadir juegos de navegador a un sitio web de WordPress?

Un juego para navegador no tiene por qué convertir tu sitio web en un portal de juegos. Para muchos sitios de WordPress, la mejor manera de usarlo es como un pequeño momento interactivo dentro de una página más grande: una actividad rápida al final de una entrada de blog, un juego de sala de espera en la página de un restaurante, una actividad para el aula o un momento divertido en un sitio web comunitario.

• Los juegos pueden aumentar la interacción y el tiempo de permanencia en la página cuando se adaptan al contenido.
• Los visitantes tienen algo que hacer sin salir de tu sitio de WordPress.
• Las entradas de blog y las páginas de destino pueden resultar más memorables con un elemento interactivo sencillo.
• Las escuelas, las comunidades y las empresas locales pueden añadir contenido lúdico sin necesidad de crear una aplicación personalizada.
• Los juegos de navegador se ejecutan al instante, sin necesidad de descargar nada desde la tienda de aplicaciones.
• Puedes evitar crear un juego personalizado desde cero cuando un embed alojado es suficiente.

¿Para quién es útil esto?

• Blogueros que desean publicaciones de blog interactivas
• Escuelas y profesores que gestionan páginas de actividades en el aula
• Sitios web comunitarios y sitios de membresía
• Páginas QR de restaurantes y salas de espera
• Los negocios locales añaden un toque de interacción sutil.
• Agencias que crean sitios web WordPress para sus clientes
• Editoriales especializadas y centros de recursos
• Portales internos del equipo con una actividad de pausa rápida.

¿Qué es GamesIKnow Embed?

GamesIKnow Embed es la plataforma embed de Games I Know. Permite a los propietarios de sitios web agregar juegos jugables para navegador a sus propios sitios a través de URL seguras iframe. Para los usuarios de WordPress, el plugin oficial —Embed Browser Games by Games I Know— agrega una pantalla de configuración, un bloque de Gutenberg, un shortcode y un Shortcode Builder para que no tenga que escribir iframe HTML manualmente.

Las características confirmadas del plugin incluyen el bloque de juego Games I Know, el shortcode `[gamesiknow]`, Games I Know > Configuración para ID de socio y comportamiento predeterminado embed, y Games I Know > Creador de shortcodes para shortcodes listos para copiar. Se requiere ID de socio: sin él, los juegos no se cargarán en embed iframe. Conecta tu sitio de WordPress con tu cuenta de socio Games I Know y dominio aprobado.

Paso a paso: cómo añadir un juego de navegador a WordPress

1. Inicia sesión en tu panel de administración de WordPress.
2. Abrir Plugins > Agregar nuevo.
3. Busque "Embed Juegos de navegador de Games I Know".
4. Haz clic en Instalar ahora y luego en Activar.
5. Abra Games I Know > Configuración en el menú de administración de la izquierda.
6. Requerido: haga clic en Obtener ID de socio, inicie sesión en Games I Know, copie su ID de socio de la pestaña Instalar, péguelo en el campo ID de socio y haga clic en Guardar ID de socio.
7. Opcional: active la carga diferida por defecto y permita la pantalla completa por defecto si esto coincide con el comportamiento que desea para los juegos en la interfaz de usuario.
8. Crea una nueva entrada o página, o edita una existente.
9. Inserta el bloque de juego Games I Know desde el insertador de bloques, o agrega un código corto como [gamesiknow game="tic-tac-toe"].
10. Seleccione las opciones de juego y diseño en la barra lateral del bloque o en los atributos del código corto.
11. Previsualiza la página en ordenador y móvil. Confirma que el juego iframe se carga y tiene la altura suficiente.
12. Publica o actualiza la página.

Agrega un juego con el bloque de WordPress

El plugin registra un bloque llamado Games I Know Juego en el editor de bloques de WordPress. Abre una entrada o página, haz clic en el insertador de bloques (+), busca "Games I Know" y añade el bloque. Usa la barra lateral del bloque para elegir las opciones de juego, tema, modo, ancho, alto, alineación, radio del borde, sombra, carga diferida y pantalla completa.

El bloque solo se visualiza en la interfaz. En el editor, verá una tarjeta de resumen y su equivalente en shortcode, lo que le ayudará a comprender el contenido tras la publicación. Si falta el ID de socio, el bloque mostrará una advertencia en el editor y los juegos no se cargarán en la interfaz hasta que guarde un ID de socio en Games I Know > Configuración.

Añade un juego con un código corto.

Si prefiere usar shortcodes, o si los necesita en áreas de edición clásicas, widgets o constructores de páginas que los admitan, utilice `[gamesiknow]`. El plugin también incluye Games I Know > Shortcode Builder, que genera shortcodes listos para copiar desde wp-admin.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

Los identificadores de juego compatibles son `tic-tac-toe`, `four-in-a-row`, `bingo` y `i-know`. Los atributos opcionales incluyen `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy` y `allow_fullscreen`.

¿Dónde deberías colocar los juegos en un sitio de WordPress?

• Al final de una entrada de blog como actividad relacionada
• En una página dedicada a Juegos o Actividades
• En una página de recursos del aula o de la escuela.
• En un centro comunitario o página de eventos.
• En una sección de página de destino con suficiente ancho
• En la página de un restaurante o sala de espera
• En una página de actividades para niños
• En un área de contenido amplia o un bloque de ancho completo

Evita las barras laterales muy estrechas. Los juegos de navegador necesitan suficiente ancho y alto para poder jugarse correctamente, sobre todo en dispositivos móviles. El plugin Shortcode Builder incluye tamaños recomendados para cada juego.

¿Qué juego deberías añadir primero?

• Tic Tac Toe — ideal para juegos rápidos y sencillos y primeras pruebas
• Four in a Row — ideal para estrategias sencillas y páginas aptas para toda la familia.
• Bingo — ideal para grupos, aulas y eventos
• I Know — ideal para preguntas y respuestas e interacción tipo concurso

Manual iframe frente al complemento de WordPress

Puedes crear juegos manualmente con HTML o usar el plugin de WordPress. Para la mayoría de los usuarios de WordPress sin conocimientos técnicos, el plugin es la opción más sencilla, ya que gestiona la interfaz de usuario de bloques, los códigos cortos, la configuración y las URL seguras.

Consejos antes de publicar

• Previsualiza la vista previa en dispositivos móviles y ordenadores antes de publicar.
• Añade un breve título encima del juego para que los visitantes sepan qué hacer.
• Explica la actividad en una sola frase; por ejemplo: "Juega una partida rápida mientras lees".
• Evite apilar demasiados juegos en vivo embed en una sola página.
• Vuelva a realizar la prueba después de cambiar de tema o de creador de páginas.
• Utilice títulos de juegos claros y títulos iframe para facilitar la accesibilidad.
• Mantén el contenido circundante de la página útil para que la página siga siendo legible para los motores de búsqueda.

Solución de problemas

El juego no aparece

Confirma que el plugin esté activado, que la página esté publicada y que hayas usado el bloque de juego Games I Know o un shortcode `[gamesiknow]` válido. Comprueba que tu tema o constructor de páginas permita la salida de iframe en el frontend.

El código corto se muestra como texto sin formato.

WordPress solo ejecuta códigos cortos en las áreas de contenido que los procesan. Si ves el texto literal `[gamesiknow]`, cambia a un bloque de código corto, a la compatibilidad con códigos cortos clásicos o a un widget del constructor que ejecute códigos cortos.

El bloque no es visible en el editor.

Busca "Games I Know Game" en el insertador de bloques. Si aún no aparece, confirma que Embed Browser Games by Games I Know esté activo y que estés editando con el editor de bloques.

Parece que el juego está equivocado.

Comprueba el identificador del juego en la barra lateral del bloque o en el código corto. Los valores admitidos son `tic-tac-toe`, `four-in-a-row`, `bingo` y `i-know`.

El juego se ve demasiado pequeño en dispositivos móviles.

Aumenta el atributo de altura, utiliza un área de contenido más amplia y evita colocar la barra lateral en espacios reducidos. El Generador de códigos cortos muestra los tamaños recomendados para cada juego.

Preguntas sobre la identificación del socio

Se requiere un ID de socio para cargar los juegos. Abre Games I Know > Configuración, haz clic en Obtener ID de socio, inicia sesión en Games I Know, copia el valor de la pestaña Instalar de tu panel de socios, pégalo en el campo ID de socio y haz clic en Guardar ID de socio. Además, confirma que el dominio de tu sitio WordPress esté aprobado en tu panel de socios.

Un creador de páginas o un tema interfiere con el embed.

Algunos constructores eliminan el contenido de iframe o bloquean los bloques personalizados. Prueba el shortcode en un bloque de shortcode nativo de WordPress, realiza una prueba con un tema predeterminado o consulta la documentación del constructor para obtener información sobre iframe y la compatibilidad con shortcodes.