Así es el código para insertar el Buscaminas
El generador produce dos cosas, y tienes que pegar las dos. Primero, un <iframe> que apunta a nuestra página de inserción, que es el juego en sí. Después, un párrafo corto debajo con un enlace a esta web. No hay nada más que instalar: ni etiqueta script, ni plugin, ni cuenta para tus visitantes:
<iframe
src="https://play-minesweeper.games/embed/?size=beginner"
width="344"
height="472"
frameborder="0"
title="Minesweeper Game"
referrerpolicy="no-referrer-when-downgrade"
allow="clipboard-write"></iframe>
<p style="font:12px/1.5 Tahoma,'MS Sans Serif',Geneva,sans-serif;color:#555555;margin:6px 0 0;max-width:316px">
<a href="https://play-minesweeper.games/" style="color:#555555">play-minesweeper.games</a> — free Minesweeper, no download
</p>Como el juego es un enlace y no una copia, el tablero de tu web mejora cada vez que mejora el juego, y no te cuesta nada de ancho de banda ni de almacenamiento.
La línea de atribución y por qué está ahí
Esa segunda parte es todo el trato. El widget es gratis, sin límites de uso y sin registro porque las webs que lo usan enlazan de vuelta: eso es lo que lo paga. Por eso el enlace de crédito va siempre incluido en el fragmento, y te pedimos que lo pegues junto con el juego.
Preferimos decirlo claro antes que esconderlo: es HTML normal dentro de tu propia página, no algo que se inyecta al cargar. Arriba puedes ver exactamente lo que dice. Cámbiale el estilo para que encaje con tu diseño, ponlo encima del tablero, cambia el color en línea: todo eso está bien. Solo mantén el enlace apuntando al juego.
La casilla Show "Powered by" inside the game del generador (mostrar «Powered by» dentro del juego) es otra cosa. Controla una pequeña línea dibujada dentro del marco del juego, y es opcional de verdad: desactívala para tener un tablero más limpio y el iframe queda 30 píxeles más bajo. Desactivarla no quita el enlace de crédito bajo el marco, y ningún parámetro de la URL lo quita.
Cómo elegir un tamaño de tablero que quepa en tu diseño
El problema más común con cualquier juego en un iframe es un tablero más ancho que la columna en la que está. El marco no escala su contenido, así que un tablero demasiado grande se desplaza de lado en vez de encogerse. Ajusta el tablero al espacio que tienes:
- Principiante (9×9, 10 minas): unos 344 × 472 píxeles. Cabe en barras laterales, temas estrechos, columnas de Notion y pantallas de móvil. Empieza por aquí si tienes dudas.
- Intermedio (16×16, 40 minas): unos 536 × 664 píxeles. Va bien en la columna normal de una entrada de blog en ordenador.
- Experto (30×16, 99 minas): unos 956 × 664 píxeles. Necesita un diseño a todo el ancho y una pantalla de portátil.
- Personalizado: cualquier tamaño de 5×5 a 30×30 con el número de minas que quieras, para un tablero que encaje exactamente en tu diseño.
Parámetros de la URL del widget del Buscaminas
Todo lo que hace el generador queda reflejado en la URL de inserción, así que también puedes editarla a mano más adelante sin volver aquí:
size:beginner,intermediate,experto un valor personalizado como12x12mines: el número de minas, para tableros de tamaño personalizadotheme:darkpara páginas oscuras,retropara el aspecto original de Windows 95, gris plata y con relievemode: ponlo endailypara insertar el tablero del desafío diario de hoy en lugar de uno aleatorio: el mismo acertijo para todos, uno nuevo cada día a medianoche UTC y un intento por nivel. Funciona conbeginner,intermediateyexpert(los tamaños personalizados pasan a Principiante) e ignoranoguess, y el marco es 20 píxeles más alto para la línea que muestra el número del desafío y el tiempo que falta para el siguiente tableroswitcher: ponlo en1para añadir encima del juego botones de Principiante, Intermedio y Experto, de modo que los jugadores puedan cambiar de nivel dentro del mismo widget.sizeelige el nivel inicial; los tamaños personalizados empiezan en Principiantebranding: ponlo enfalsepara ocultar la línea «Powered by» dibujada dentro del marco del juego. No afecta al enlace de crédito bajo el iframe, que está en tu página y no en la nuestra
Por ejemplo, ?size=12x12&mines=20&theme=retro da un tablero algo más grande que el de Principiante, con el aspecto del original de 1995.
Dónde se gana su sitio un widget del Buscaminas
- Blogs de puzles y videojuegos: un tablero jugable dentro de un artículo sobre estrategia mantiene a los lectores en la página
- Páginas educativas: el Buscaminas es un ejemplo claro y tangible de deducción con restricciones y de probabilidad
- Wikis de equipo e intranets: un tablero de 9×9 en la página de la sala de descanso no necesita inicio de sesión ni instalación
- Webs personales y retro: el tema retro encaja con la época en diseños al estilo de Windows 95
- Páginas 404 y de mantenimiento: convierten un callejón sin salida en algo que hacer
Condiciones de uso
El widget del Buscaminas es gratis en cualquier web. Solo te pedimos que:
- Pegues el enlace de crédito junto con el iframe y lo dejes apuntando al juego. Cambiarle el estilo o la posición está bien
- No envuelvas ni modifiques el widget para falsear de dónde viene el juego
- No lo uses para nada ilegal