Inserta Mahjong Solitaire en tu sitio web o blog

Nos complace presentar una nueva función en TheMahjong.com. A partir de ahora, puedes insertar nuestro juego de Mahjong Solitaire directamente en tu propio sitio web o blog. Tanto si tienes un pequeño blog personal, un portal de juegos o una página sobre puzles y entrenamiento mental, tus visitantes podrán jugar a Mahjong Solitaire directamente en tu sitio.

En este artículo explicaremos cómo funciona la nueva función de inserción, para quién está pensada y cómo puedes añadir un juego de Mahjong Solitaire a tu sitio.

Por qué añadimos la función de inserción

Mahjong Solitaire encaja de forma natural con muchos tipos de contenido: guías sobre puzles, artículos temáticos, páginas sobre memoria y atención o simples colecciones de disposiciones (layouts). En estos casos, tener el juego directamente en la página funciona mejor que enviar al usuario a otro sitio.

La función de inserción hace esto posible sin cambiar la estructura de tu sitio. Funciona como un pequeño bloque de juego independiente que pasa a formar parte de tu página justo donde lo necesitas. Solo tienes que añadir un pequeño fragmento de código y nosotros nos encargamos del resto: el juego se carga desde nuestros servidores, se mantiene actualizado y funciona igual que en TheMahjong.com.

Dos formas de insertar Mahjong Solitaire

Hay dos formas sencillas de añadir Mahjong Solitaire a tus páginas:

• iframe, que funciona en casi cualquier sitio web;
• oEmbed, que es compatible con muchos sistemas de gestión de contenidos (CMS) populares.

Ambas opciones muestran el mismo juego. La única diferencia es la forma en que lo añades a tu página.

Opción 1: Insertar con un iframe sencillo

La opción iframe te da un pequeño fragmento de HTML que puedes pegar en tu página. Funciona bien si puedes editar el HTML de tu sitio o si tu editor tiene un bloque para código personalizado.

Un iframe típico para insertar el juego se ve así:

<iframe 
  src="https://themahjong.com/shared-game" 
  title="Mahjong game" 
  loading="lazy" 
  allowFullScreen 
  style="width:100%;height:600px;border:none">
</iframe>

Puedes:

• colocar este bloque donde quieras que aparezca el juego;
• ajustar la propiedad width en porcentaje para que el juego se adapte al ancho del contenedor;
• ajustar la propiedad height en píxeles para que coincida con el diseño de tu página.

Si quieres apoyar TheMahjong.com, puedes añadir un pequeño enlace de texto a nuestro sitio cerca del juego incrustado. No es obligatorio, pero siempre se agradece.

Opción 2: oEmbed para plataformas CMS

Si tu sitio funciona sobre un CMS que admite oEmbed (por ejemplo, WordPress, Drupal o Joomla con los plugins adecuados), puedes usar la función de inserción sin trabajar directamente con el HTML del iframe.

Cada página para compartir el juego incluye la URL del layout y el código oEmbed.

Algunos editores pueden convertir automáticamente la URL del layout en un juego incrustado. Solo tienes que pegar la URL en un bloque que admita contenido incrustado. En otras configuraciones, es posible que tengas que pegar el código oEmbed en un campo especial o en un bloque proporcionado por un tema o plugin.

Si tu CMS solo muestra un enlace normal en lugar del juego, lo más probable es que oEmbed no esté activado o no sea compatible en esa parte del editor.

Dónde funciona especialmente bien la inserción

Insertar el juego tiene más sentido en páginas donde el contenido lo refuerza en lugar de distraer del tema principal. Estos son algunos lugares donde un bloque de Mahjong Solitaire puede funcionar especialmente bien:

• Entradas y artículos temáticos de blog. Si escribes sobre puzles, juegos relajantes, concentración o pequeños descansos diarios, una disposición de Mahjong Solitaire incrustada puede situarse junto al texto como un pequeño ejemplo interactivo. Puedes elegir un layout que encaje, aunque sea de forma aproximada, con el tema, para que el juego no se sienta aleatorio en la página.
• Secciones de juegos y puzles en un sitio web. En sitios que ya tienen una sección de “Juegos” o “Puzles”, un juego de mahjong incrustado puede ser uno de los elementos principales de la página en lugar de solo un enlace. Esto funciona tanto para proyectos personales pequeños como para portales más grandes que quieren añadir otro puzle clásico sin crearlo desde cero.
• Páginas sobre memoria, atención y entrenamiento. Los artículos que hablan de concentración, reconocimiento de patrones o ejercicios cerebrales diarios pueden beneficiarse de un ejemplo jugable. Mahjong Solitaire encaja bien como actividad poco exigente que los lectores pueden probar de inmediato, sin instalar nada ni salir de la página.
• Páginas estacionales o basadas en eventos. Para contenido estacional (temas de otoño, fiestas de invierno, festivales locales), puedes incrustar disposiciones que encajen con el ambiente de la página. Por ejemplo, un layout con un signo del zodiaco para tu pronóstico astrológico diario. Un layout temático cerca del texto principal ayuda a que la página se sienta más completa y da a los visitantes una razón para quedarse un poco más.
• Comunidades y páginas de “tómate un descanso”. Algunas comunidades, foros o sitios de equipos tienen una simple página de “tómate un descanso” o “juega un minuto”. Una disposición de Mahjong Solitaire incrustada encaja de forma natural como una pequeña actividad autónoma que no requiere registro ni descargas.

Rendimiento y carga

El juego incrustado se carga mediante HTTPS desde TheMahjong.com. Utiliza el mismo código y los mismos recursos que el sitio principal, por lo que el rendimiento es similar: una vez que el juego se almacena en caché, las disposiciones deberían cargarse rápidamente en las visitas repetidas.

Si insertas el juego usando el atributo loading="lazy" en el iframe, la mayoría de los navegadores esperará a cargarlo hasta que el jugador se desplace cerca de él. Esto puede ayudar a que tu página se mantenga ágil, especialmente si tienes más de un embed en la misma página.

Esperamos que esta nueva función de inserción encuentre un buen lugar en tu sitio. Tanto si la utilizas en un solo artículo como si forma parte de una sección de juegos, siéntete libre de experimentar con diferentes disposiciones y ubicaciones hasta que encaje de forma natural con tu contenido.