MINESWEEPER

Cómo insertar el Buscaminas en Notion

Las páginas de Notion pueden alojar un tablero del Buscaminas totalmente jugable, pero Notion no acepta código iframe. Acepta un enlace.

Tiempo necesario
Alrededor de 1 minuto
Tipo de bloque
/embed
Qué pegas
Una URL, no HTML
Plan de Notion
Cualquiera, también el gratuito

El generador te da un bloque de HTML como este:

<iframe
  src="https://play-minesweeper.games/embed/?size=beginner"
  width="344"
  height="472"
  frameborder="0"
  title="Minesweeper Game"></iframe>

…seguido de un párrafo corto con un enlace al juego:

<p style="…">
  <a href="https://play-minesweeper.games/">play-minesweeper.games</a> — free Minesweeper, no download
</p>

En WordPress o Neocities pegas las dos cosas tal cual. Notion no acepta ninguna, porque no tiene ningún bloque de HTML sin procesar. Así que las dos mitades se convierten en dos elementos de Notion:

  • El juego: un bloque de inserción con la dirección de dentro de src="...": https://play-minesweeper.games/embed/?size=beginner
  • El crédito: un pie en el bloque o una línea de texto normal debajo, con las palabras Play Minesweeper enlazadas a https://play-minesweeper.games/

Notion es la única plataforma de esta serie en la que tienes que rehacer a mano esa segunda mitad, y por eso es un paso numerado más abajo y no una nota al pie. Además, Notion muestra cada bloque de inserción dentro de su propio marco y controla él mismo las dimensiones, así que ignora los atributos width y height aunque intentes colarlos. El tamaño se fija arrastrando.

Aquí tienes el bloque exacto que debes usar, cómo darle tamaño para que el tablero no quede cortado por la mitad y qué hacer cuando Notion dice «Failed to load».

Añadir el Buscaminas a una página de Notion, paso a paso

  1. Copia la URL del juego, no la etiqueta iframe

    Abre el generador, elige el tamaño del tablero y el tema, y quédate con la dirección que hay dentro de src="...", por ejemplo https://play-minesweeper.games/embed/?size=beginner. Notion no puede ejecutar HTML pegado, así que la etiqueta iframe que la rodea no sirve aquí. Mantén el fragmento en el portapapeles o en pantalla, porque también necesitas el enlace de crédito de su segunda mitad.

  2. Escribe /embed en una línea nueva de Notion

    Pon el cursor en una línea vacía de tu página de Notion, escribe /embed y pulsa Intro. Notion añade un bloque de inserción con un campo para pegar un enlace («Paste any link...»). También puedes hacer clic en el + que aparece en el margen izquierdo y elegir Embed en la lista de bloques.

  3. Pega la URL y confirma la inserción

    Pega la URL de play-minesweeper.games/embed en el campo y confirma. Si en cambio pegas el enlace directamente en una línea vacía, Notion muestra un pequeño menú que pregunta qué hacer con él: elige la opción de insertar (embed) y no Create bookmark, que solo mostraría una tarjeta de vista previa.

  4. Arrastra el bloque hasta el tamaño que quieras

    Pasa el ratón por encima del bloque. Aparecen guías negras de arrastre en los bordes izquierdo y derecho y un tirador en la parte inferior. Arrastra los lados para el ancho y la parte inferior para el alto hasta que se vean el tablero entero y el botón de la carita sin barra de desplazamiento interior.

  5. Añade el enlace de crédito bajo el tablero

    El fragmento incluye una línea de atribución bajo el juego y, como Notion no puede mostrar ese HTML, tienes que recrearla como un elemento de Notion. Selecciona el bloque, abre el menú de su tirador y elige Caption (pie), o añade una línea de texto normal justo debajo; después enlaza las palabras Play Minesweeper a https://play-minesweeper.games/ con Ctrl+K o Cmd+K. Lleva diez segundos y es lo que mantiene gratis el widget.

  6. Compruébalo y comparte la página

    Pulsa Esc para deseleccionar y juega una partida para confirmar que se registran los clics y los clics derechos. Comparte la página con Share > Publish si quieres que puedan jugar visitantes sin cuenta de Notion.

Dar tamaño al tablero dentro de una página de Notion

Una página de Notion estándar tiene unos 700 píxeles de ancho útil, y el bloque de inserción está dentro de esa columna. Esa cifra decide qué tablero te conviene:

  • Principiante (9×9) necesita unos 344×472 píxeles. Cabe en una página estándar, dentro de un diseño de dos columnas y dentro de un desplegable (toggle). Es el tamaño que debes usar si dudas.
  • Intermedio (16×16) necesita unos 536×664 píxeles. Va holgado en una página normal y justo dentro de una columna.
  • Experto (30×16) necesita unos 956×664 píxeles. Activa antes Full width (ancho completo) en el menú ••• de la página; si no, las columnas de la derecha del tablero quedan recortadas y los jugadores tienen una barra de desplazamiento horizontal dentro del marco.

Arrastra el tirador inferior hasta que se vean tanto el botón de la carita para reiniciar como el contador de minas. Si el bloque es demasiado bajo, Notion no encoge el juego: simplemente oculta su parte inferior, y esa es la queja más habitual sobre los juegos insertados en Notion.

Para colocar el tablero junto a tus notas, arrastra el bloque por su tirador ⋮⋮ hasta el borde derecho de un párrafo existente hasta que aparezca una guía vertical azul, y Notion convierte la zona en columnas.

Peculiaridades de Notion que conviene conocer antes de publicar

El clic derecho funciona, pero puede abrirse antes el menú de Notion. El juego anula el menú contextual del navegador para que el clic derecho sobre una casilla ponga una bandera. Si haces clic derecho justo fuera del tablero, te saldrá el menú de bloque de Notion: apunta dentro de la cuadrícula gris.

El modo oscuro no se hereda. Notion no le dice a una página insertada qué tema usa el lector. Si tu espacio de trabajo está en modo oscuro, genera el código con el tema oscuro para que el tablero no brille en blanco sobre una página oscura:

https://play-minesweeper.games/embed/?size=beginner&theme=dark

El enlace de crédito es lo que la gente olvida. En todas las demás plataformas llega con lo que pegas; en Notion no, porque no hay HTML que pegar. Un pie en el bloque, o una pequeña línea de texto debajo con Play Minesweeper enlazado al juego, lo resuelve. Ese enlace es lo que paga un widget gratis y sin registro, así que añádelo, por favor; además, queda mejor como pie que como texto del cuerpo.

Al exportar se pierde el juego. Los bloques insertados no sobreviven a la exportación a PDF o Markdown desde Notion: una página exportada muestra el enlace, no un tablero jugable. Es lo esperado con cualquier inserción en Notion, no algo propio de esta.

Las páginas publicadas se comportan igual que las privadas. Un sitio de Notion o una página compartida con Share to web carga el juego para visitantes anónimos, así que funciona tanto en una página interna de la wiki como en una página pública de presentación.

Buenos sitios para un bloque del Buscaminas en Notion

  • La página de «sala de descanso» o de los viernes en la wiki de un equipo, donde un tablero de 9×9 es una distracción de dos minutos.
  • Una página de bienvenida para nuevas incorporaciones, escondida dentro de un desplegable con un título del estilo de «premio por terminar esta sección».
  • Una página de clase o de estudio junto a apuntes de probabilidad y deducción: el Buscaminas es un ejemplo resuelto y claro de razonamiento con restricciones.
  • Un panel personal, en la columna derecha junto a tu base de datos de tareas.

Si quieres una forma de tablero concreta en lugar de una predefinida, la URL acepta dimensiones exactas y un número de minas, por ejemplo ?size=12x12&mines=20. Añadir &branding=false quita la línea «Powered by» dibujada dentro del marco, que es puramente estética: no tiene nada que ver con el enlace de crédito que añades como pie, y ese se queda en cualquier caso.

Preguntas sobre insertar en Notion

¿Puedo pegar el HTML de un iframe en Notion?

No. Los bloques de inserción de Notion solo aceptan una URL: Notion no tiene ningún bloque de HTML sin procesar, y si pegas una etiqueta iframe se queda ahí como texto normal. Copia la dirección de dentro de src="..." del código para insertar y pega eso.

¿Por qué mi bloque de Notion dice «Failed to load»?

Ese mensaje significa que la web que enlazaste se niega a mostrarse dentro de otra página. La URL de inserción del Buscaminas está hecha para ir dentro de un marco, así que si lo ves, comprueba que pegaste la URL /embed y no la de una página normal, y que la dirección empieza por https://.

¿Cómo pongo el Buscaminas a todo el ancho en Notion?

Ensancha el bloque arrastrando sus guías laterales, abre el menú ••• de la página en la esquina superior derecha y activa Full width para quitar los márgenes predeterminados de Notion. En una página a todo el ancho, el tablero de Experto (30x16) cabe con holgura en la pantalla de un portátil.

¿Funciona en la app móvil de Notion?

Sí. Notion solo bloquea las inserciones que te obligan a iniciar sesión en un servicio externo, y esta no necesita cuenta. En un móvil el tablero es estrecho, así que elige el tamaño Principiante 9x9 y mantén pulsado en lugar de hacer clic derecho para poner banderas.

¿Los visitantes necesitan una cuenta de Notion para jugar?

No. Cuando la página está publicada en la web, cualquiera con el enlace puede cargarla y jugar. El juego funciona por completo en su navegador y no guarda nada en tu espacio de trabajo de Notion.

¿Tengo que añadir a mano el enlace de crédito en Notion?

Sí, y solo en Notion. En las demás plataformas la línea de atribución llega como parte del fragmento que pegas, pero Notion no tiene ningún bloque de HTML sin procesar, así que nada de lo que pegues puede llevarla. Recréala como pie del bloque de inserción o como una línea de texto debajo, con las palabras Play Minesweeper enlazadas a https://play-minesweeper.games/. El widget es gratis y sin límites gracias a esos enlaces.

¿Un bloque de inserción ocupa almacenamiento en Notion?

No. Un bloque de inserción guarda un enlace, no un archivo, así que no le afecta el límite de subida de 5 MiB por archivo de los espacios de trabajo gratuitos de Notion. Puedes añadir todos los tableros que quieras sin tocar tu almacenamiento.

Todo lo de esta página empieza con un fragmento del generador: un marco con el juego y un enlace de crédito de una línea que va debajo. Elige el tamaño del tablero y el tema, decide si quieres mostrar la línea opcional «Powered by» dentro del juego y copia el código.

Abrir el generador para insertar el Buscaminas

También te será útil: el generador del widget del Buscaminas y las opciones del iframe, cómo jugar al Buscaminas y los tamaños de tablero personalizados.