Minesweeper in deine Website einbetten

Ein kostenloses Minesweeper-Widget für jede Website: Stell dir unten deinen Code zusammen und füg ihn dort ein, wo das Spiel erscheinen soll.

Code: Spielfenster + Quellenlink
Fenster Anfänger: 344 × 472 px
Skript auf deiner Seite: Keins
Kosten: Kostenlos

Embed Options

Size Preset

Theme

Show "Powered by" inside the game

This only affects the small line inside the game frame. Either way, the snippet below ends with a one-line “play-minesweeper.games” credit link under the game — that link is how the embed stays free, and it is plain HTML you can see and style yourself.

No-guess boards (always solvable by logic)

Daily challenge board (new puzzle every day)

Let players switch difficulty

Embed Code

Paste both lines: the game frame and the credit link underneath it.

<iframe
  src="https://play-minesweeper.games/embed/?size=beginner"
  width="344"
  height="472"
  frameborder="0"
  style="border:0;max-width:100%"
  loading="lazy"
  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:344px">
  <a href="https://play-minesweeper.games/" style="color:#555555">play-minesweeper.games</a> — free Minesweeper, no download
</p>

Privacy note for your site. The game loads from play-minesweeper.games through Cloudflare, so your visitors' browsers send their IP address to Cloudflare. It sets no cookies and saves progress in the browser. Wins on the classic boards appear on the public leaderboard without a name. Please mention the embed in your own privacy notice, for example: "This page embeds the Minesweeper game from play-minesweeper.games; see their privacy policy." Details: privacy policy.

Live Preview

play-minesweeper.games — free Minesweeper, no download

Iframe size: 344×472px, plus the caption line underneath.

URL Parameters

size - beginner, intermediate, expert, or WxH (e.g., 10x10)
mines - number of mines (for custom sizes)
theme - light, retro, or dark
noguess - 1 deals boards that can always be solved by logic, with no forced guesses
mode - daily deals today's Daily Challenge board, one attempt per difficulty per day; size picks beginner, intermediate or expert (custom sizes fall back to beginner), and noguess is ignored
switcher - 1 adds Beginner, Intermediate and Expert buttons above the game; size picks the starting one (custom sizes start on Beginner)
branding - false hides the "Powered by" line inside the game frame. It does not remove the credit link below the iframe, which is part of the snippet you paste into your own page.

Anleitungen für deine Plattform

Der Code ist überall derselbe. Was sich ändert: wo die Plattform ihr HTML-Feld versteckt und was sie beim Speichern entfernt. Diese Anleitungen nennen den genauen Menüpfad, die passende Spielfeldgröße für das jeweilige Layout und das, woran Einbettungen dort konkret scheitern.

So bettest du Minesweeper in Notion ein: Füg die Spiel-URL in einen /embed-Block ein. iframe-HTML nimmt Notion nie an.
So baust du Minesweeper in einen WordPress-Blog ein: Block „Individuelles HTML“ im Block-Editor oder der Tab „Text“ im klassischen Editor.
So bettest du Minesweeper in Google Sites ein: Einfügen > Einbetten > Code einbetten, dann den Kasten im Raster auf die richtige Größe ziehen.
So bringst du Minesweeper auf deinen Tumblr-Blog: Stell den Texteditor des Posts auf HTML, füg den Code ein und poste, ohne zurückzuwechseln.
So baust du Minesweeper in eine Neocities-Seite ein: Öffne index.html im eingebauten Editor und füg das iframe in den Body ein.
So bettest du Minesweeper in einen Blogger-Post ein: Schalt den Post-Editor über das Stift-Menü in die HTML-Ansicht und füg den Code ein.
So teilst du Minesweeper in Google Classroom: Häng das Spiel als Link an ein Material oder eine Aufgabe, oder bette es in eine Google Site ein und verlinke die.
So bettest du Minesweeper in eine Canvas-Seite ein: Öffne die HTML-Ansicht des Rich Content Editors (oder Insert > Embed) und füg das iframe ein.
So bettest du Minesweeper in einen Moodle-Kurs ein: Füg das iframe über den Quellcode in eine Textseite ein oder leg eine URL-Ressource mit Display „Embed“ an.

Oder sieh dir alle Anleitungen zum Einbetten von Minesweeper nach Plattform an.

So sieht der Minesweeper-Einbettungscode aus

Der Generator erzeugt zwei Dinge, und du fügst beide ein. Zuerst ein <iframe>, das auf unsere Einbettungsseite zeigt – das ist das Spiel selbst. Dann einen kurzen Absatz darunter mit einem Link zurück zu dieser Website. Sonst musst du nichts installieren: kein Script-Tag, kein Plugin, kein Konto für deine Besucher:

<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>

Weil das Spiel verlinkt und nicht kopiert wird, wird das Spielfeld auf deiner Seite mit jeder Verbesserung des Spiels besser – und es kostet dich weder Bandbreite noch Speicherplatz.

Die Quellenzeile und warum es sie gibt

Dieser zweite Teil ist die ganze Abmachung. Das Einbetten ist kostenlos, unbegrenzt und ohne Anmeldung, weil die Websites, die es nutzen, zurückverlinken – das finanziert es. Deshalb ist der Quellenlink immer im Code enthalten, und wir bitten dich, ihn zusammen mit dem Spiel einzufügen.

Wir sagen das lieber offen, als es zu verstecken: Es ist ganz normales HTML in deiner eigenen Seite, nichts, was erst beim Laden eingeschleust wird. Was darin steht, siehst du oben. Gestalte die Zeile passend zu deinem Design, setz sie über das Spielfeld, ändere die Inline-Farbe – alles in Ordnung. Nur der Link sollte weiter auf das Spiel zeigen.

Das separate Kästchen Show "Powered by" inside the game im Generator ist etwas anderes. Es steuert eine kleine Zeile innerhalb des Spielfensters und ist wirklich optional – schalt sie ab, dann wirkt das Spielfeld aufgeräumter, und das iframe wird 30 Pixel niedriger. Der Quellenlink unter dem Fenster bleibt davon unberührt, und auch kein URL-Parameter entfernt ihn.

Die Spielfeldgröße passend zum Layout wählen

Das häufigste Problem bei jedem Spiel-iframe ist ein Spielfeld, das breiter ist als die Spalte, in der es sitzt. Das Fenster skaliert seinen Inhalt nicht, ein zu großes Spielfeld scrollt also seitwärts, statt zu schrumpfen. Wähl das Spielfeld passend zum verfügbaren Platz:

Anfänger (9×9, 10 Minen) – etwa 344 × 472 Pixel. Passt in Seitenleisten, schmale Themes, Notion-Spalten und auf Handybildschirme. Fang hier an, wenn du unsicher bist.
Fortgeschritten (16×16, 40 Minen) – etwa 536 × 664 Pixel. Passt in eine normale Blogspalte am Desktop.
Experte (30×16, 99 Minen) – etwa 956 × 664 Pixel. Braucht ein Layout in voller Breite und einen Laptop-Bildschirm.
Eigenes Spielfeld – alles von 5×5 bis 30×30 mit eigener Minenzahl, für ein Spielfeld, das genau in dein Design passt.

URL-Parameter für das Minesweeper-Widget

Alles, was der Generator einstellt, steckt in der Einbettungs-URL. Du kannst sie also später auch von Hand ändern, ohne hierher zurückzukommen:

size – beginner, intermediate, expert oder ein eigener Wert wie 12x12
mines – die Minenzahl bei eigenen Spielfeldgrößen
theme – dark für dunkle Seiten, retro für den ursprünglichen Windows-95-Look in Silbergrau mit Kanten
mode – auf daily gesetzt, bettet es statt eines zufälligen Spielfelds das heutige Tagesrätsel ein: dasselbe Rätsel für alle, jeden Tag um Mitternacht UTC ein neues, ein Versuch pro Schwierigkeitsstufe. Das funktioniert mit beginner, intermediate und expert (eigene Größen fallen auf Anfänger zurück), noguess wird ignoriert, und das Fenster wird 20 Pixel höher für die Zeile mit der Rätselnummer und der Zeit bis zum nächsten Spielfeld
switcher – auf 1 gesetzt, erscheinen über dem Spiel Schaltflächen für Anfänger, Fortgeschritten und Experte, sodass Spieler die Schwierigkeit innerhalb einer Einbettung wechseln können. size legt die Startstufe fest; eigene Größen starten auf Anfänger
branding – auf false gesetzt, verschwindet die „Powered by“-Zeile innerhalb des Spielfensters. Auf den Quellenlink unter dem iframe wirkt sich das nicht aus: Der steht in deiner Seite, nicht in unserer

Ein Beispiel: ?size=12x12&mines=20&theme=retro ergibt ein etwas größeres Spielfeld als Anfänger, dargestellt wie das Original von 1995.

Wo sich ein Minesweeper-Widget lohnt

Rätsel- und Gaming-Blogs – ein spielbares Spielfeld in einem Strategie-Beitrag hält Leser auf der Seite
Unterrichtsseiten – Minesweeper ist ein klares, greifbares Beispiel für logisches Schließen unter Bedingungen und für Wahrscheinlichkeit
Team-Wikis und Intranets – ein 9×9-Spielfeld auf der Pausenraum-Seite braucht weder Login noch Installation
Private und Retro-Websites – das Retro-Design passt stilecht zu Layouts im Windows-95-Look
404- und Wartungsseiten – aus einer Sackgasse wird etwas zum Spielen

Nutzungsbedingungen

Das Minesweeper-Widget ist auf jeder Website kostenlos. Wir bitten dich nur:

Füg den Quellenlink zusammen mit dem iframe ein und lass ihn auf das Spiel zeigen. Umgestalten oder verschieben ist in Ordnung
Verpack oder verändere die Einbettung nicht so, dass die Herkunft des Spiels falsch dargestellt wird
Nutz sie für nichts Illegales

Häufige Fragen zum Einbetten von Minesweeper

Ist das Einbetten von Minesweeper kostenlos?

Ja, auf jeder Website, ob kommerziell oder nicht. Es gibt kein Konto, keinen API-Schlüssel und keine Nutzungsgrenze. Der kopierte Code enthält unter dem Spiel eine kurze Quellenzeile mit einem Link zu play-minesweeper.games – dieser Link hält das Einbetten kostenlos, und wir bitten dich, ihn stehen zu lassen. Es ist normales HTML in deiner eigenen Seite, du kannst es also passend zu deinem Design gestalten.

Wie baue ich Minesweeper in meine Website ein?

Wähl oben im Generator Spielfeldgröße und Design, kopier den Code und füg ihn komplett in den HTML-Code deiner Seite ein – das iframe und die Quellenzeile darunter. Auf den meisten Plattformen heißt das: ein HTML-Block oder eine Code-Ansicht im Beitragseditor. Die Plattform-Anleitungen auf dieser Seite nennen jeweils den genauen Menüpfad.

Brauche ich JavaScript oder ein Plugin auf meiner Website?

Nein. Das Widget ist ein einfaches iframe, deine Seite lädt also nur das Tag selbst. Das Spiel läuft im Fenster auf unseren Servern und bleibt dadurch aktuell, ohne dass du etwas ändern musst.

Wie ändere ich Größe, Minenzahl oder Design?

Über den Generator oder direkt in den URL-Parametern: size nimmt beginner, intermediate, expert oder einen eigenen Wert wie 12x12; mines legt die Minenzahl für eigene Spielfelder fest; theme nimmt dark oder retro; switcher=1 fügt Schaltflächen für Anfänger, Fortgeschritten und Experte hinzu, damit Spieler die Schwierigkeit innerhalb einer Einbettung wechseln können; branding=false blendet die Powered-by-Zeile im Spielfenster aus. Beachte: branding betrifft nur, was im Fenster angezeigt wird – der Quellenlink unter dem iframe gehört zum Code in deiner eigenen Seite und wird von keinem URL-Parameter gesteuert.

Kann ich das tägliche Minesweeper-Rätsel einbetten?

Ja: Setz im Generator den Haken bei „Daily challenge board“ oder häng mode=daily an die Einbettungs-URL. Dann zeigt das Widget dasselbe Spielfeld wie unsere Tagesrätsel-Seite, jeden Tag um Mitternacht UTC ein neues, mit einem Versuch pro Schwierigkeitsstufe und einem teilbaren Ergebnis am Ende.

Funktioniert das Minesweeper-Widget auf dem Handy?

Ja. Tippen deckt ein Feld auf, langes Drücken setzt eine Flagge. Das Spielfeld selbst hat feste Pixelmaße, nimm also für Seiten mit viel mobilem Traffic die Anfänger-Größe 9x9 oder pack das iframe in einen scrollbaren Container.

Kann ich Minesweeper in Notion, WordPress oder Google Sites einbetten?

Ja, und jede Plattform verhält sich anders. Notion nimmt eine URL statt iframe-Code. WordPress braucht den Block für individuelles HTML und ein Konto mit der Berechtigung unfiltered_html. Google Sites nutzt Einfügen > Einbetten > Code einbetten und setzt das Spiel in einen Kasten mit fester Größe. Für jede Plattform gibt es unten eine eigene Anleitung.

Macht die Einbettung meine Seite langsamer?

Ein iframe lädt in einem eigenen Browser-Kontext und blockiert die Darstellung deiner Seite nicht. Wenn du auf Nummer sicher gehen willst, ergänz loading="lazy" im iframe-Tag, dann wird das Spiel erst geladen, wenn jemand in seine Nähe scrollt.