Zum Inhalt springen
MINESWEEPER

Minesweeper in Notion einbetten

Notion-Seiten können ein voll spielbares Minesweeper-Spielfeld enthalten – aber Notion nimmt keinen iframe-Code an, sondern einen Link.

Zeitaufwand
Etwa 1 Minute
Blocktyp
/embed
Was du einfügst
Eine URL, kein HTML
Notion-Tarif
Jeder, auch kostenlos

Der Generator gibt dir einen HTML-Block, der so aussieht:

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

…gefolgt von einem kurzen Absatz mit einem Link zurück zum Spiel:

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

In WordPress oder Neocities fügst du beides unverändert ein. Notion nimmt keins von beiden, weil es überhaupt keinen HTML-Block hat. Aus den zwei Hälften werden deshalb zwei Notion-Elemente:

  • Das Spiel – ein Embed-Block mit der Adresse aus src="...": https://play-minesweeper.games/embed/?size=beginner
  • Die Quellenangabe – eine Notion-Bildunterschrift (Caption) oder eine einfache Textzeile unter dem Block, in der die Worte Minesweeper spielen auf https://play-minesweeper.games/ verlinken

Notion ist die einzige Plattform in dieser Reihe, auf der du die zweite Hälfte von Hand nachbauen musst – genau deshalb ist sie unten ein eigener nummerierter Schritt und keine Fußnote. Außerdem stellt Notion jeden Embed-Block in einem eigenen Rahmen dar und bestimmt die Maße selbst, die Attribute width und height werden also ignoriert, selbst wenn du sie einzuschmuggeln versuchst. Die Größe legst du durch Ziehen fest.

Hier erfährst du, welchen Block du brauchst, wie du ihn so groß ziehst, dass das Spielfeld nicht halbiert wird, und was du tust, wenn Notion „Failed to load“ meldet.

Minesweeper Schritt für Schritt in eine Notion-Seite einfügen

  1. Die Spiel-URL kopieren, nicht das iframe-Tag

    Öffne den Generator, wähl Spielfeldgröße und Design und nimm die Adresse aus src="..." – zum Beispiel https://play-minesweeper.games/embed/?size=beginner. Notion kann eingefügtes HTML nicht ausführen, das iframe-Tag drumherum nützt hier also nichts. Behalt den Code in der Zwischenablage oder auf dem Bildschirm, denn du brauchst auch den Quellenlink aus seiner zweiten Hälfte.

  2. In Notion /embed in eine neue Zeile tippen

    Setz den Cursor in eine leere Zeile deiner Notion-Seite, tipp /embed und drück Enter. Notion fügt einen Embed-Block mit einem Feld „Paste any link...“ ein. Alternativ klickst du auf das + am linken Rand und wählst Embed aus der Blockliste.

  3. URL einfügen und Einbettung bestätigen

    Füg die URL play-minesweeper.games/embed in das Feld ein und bestätige. Fügst du den Link stattdessen direkt in eine leere Zeile ein, fragt Notion in einem kleinen Menü, was damit passieren soll – wähl dann die Embed-Option und nicht Create bookmark, das nur eine Vorschaukarte anzeigt.

  4. Den Block auf die gewünschte Größe ziehen

    Fahr mit der Maus über den Embed-Block. Am linken und rechten Rand erscheinen schwarze Ziehmarken, am unteren Rand ein Griff. Zieh an den Seiten für die Breite und unten für die Höhe, bis das ganze Spielfeld samt Smiley-Knopf ohne innere Scrollleiste zu sehen ist.

  5. Den Quellenlink unter das Spielfeld setzen

    Der Code enthält unter dem Spiel eine Quellenzeile. Weil Notion dieses HTML nicht darstellen kann, musst du sie als Notion-Element nachbauen. Entweder wählst du den Embed-Block aus, öffnest das Menü am Griff und wählst Caption, oder du setzt direkt darunter eine einfache Textzeile – und verlinkst dann die Worte Minesweeper spielen mit Strg+K oder Cmd+K auf https://play-minesweeper.games/. Das dauert zehn Sekunden und hält das Einbetten kostenlos.

  6. In der Vorschau prüfen und die Seite teilen

    Drück Esc, um die Auswahl aufzuheben, und spiel eine Runde, um zu prüfen, ob Klicks und Rechtsklicks ankommen. Teil die Seite über Share > Publish, wenn auch Besucher ohne Notion-Konto spielen sollen.

Die Größe des Spielfelds in einer Notion-Seite

Eine normale Notion-Seite bietet etwa 700 Pixel nutzbare Breite, und ein Embed-Block sitzt in dieser Spalte. Diese Zahl entscheidet, welches Spielfeld du wählen solltest:

  • Anfänger (9×9) braucht etwa 344×472 Pixel. Passt auf eine normale Seite, in ein zweispaltiges Layout und in einen Toggle. Nimm diese Größe, wenn du unsicher bist.
  • Fortgeschritten (16×16) braucht etwa 536×664 Pixel. Bequem auf einer normalen Seite, knapp in einer Spalte.
  • Experte (30×16) braucht etwa 956×664 Pixel. Schalt vorher im •••-Menü der Seite Full width ein, sonst werden die rechten Spalten des Spielfelds abgeschnitten, und im Fenster erscheint eine waagerechte Scrollleiste.

Zieh den unteren Griff, bis der Smiley-Knopf und der Minenzähler beide sichtbar sind. Ist der Block zu niedrig, verkleinert Notion das Spiel nicht – es versteckt nur den unteren Teil. Das ist die mit Abstand häufigste Beschwerde über Spiel-Einbettungen in Notion.

Soll das Spielfeld neben deinen Notizen stehen, zieh den Block an seinem Griff ⋮⋮ an den rechten Rand eines vorhandenen Absatzes, bis eine blaue senkrechte Linie erscheint. Notion macht daraus dann Spalten.

Notion-Eigenheiten, die du vor dem Veröffentlichen kennen solltest

Rechtsklick funktioniert, aber vielleicht öffnet sich zuerst das Notion-Menü. Das Spiel unterdrückt das Kontextmenü des Browsers, damit ein Rechtsklick auf ein Feld eine Flagge setzt. Klickst du knapp neben das Spielfeld, triffst du stattdessen das Blockmenü von Notion – ziel also ins graue Raster.

Der Dark Mode wird nicht übernommen. Notion teilt einer eingebetteten Seite nicht mit, welches Design der Leser nutzt. Läuft dein Workspace im Dark Mode, erzeug den Code mit dem dunklen Design, damit das Spielfeld nicht weiß auf einer dunklen Seite leuchtet:

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

Den Quellenlink vergessen die meisten. Überall sonst kommt er mit dem Einfügen; in Notion nicht, weil es kein HTML zum Einfügen gibt. Eine Bildunterschrift am Block oder eine kleine Textzeile darunter, in der Minesweeper spielen auf das Spiel verlinkt, reicht. Über diesen Link finanziert sich ein kostenloses Widget ohne Anmeldung, also füg ihn bitte hinzu – als Bildunterschrift liest er sich ohnehin besser als im Fließtext.

Beim Export geht das Spiel verloren. Einbettungen überstehen den PDF- oder Markdown-Export aus Notion nicht – eine exportierte Seite zeigt den Link, kein spielbares Spielfeld. Das ist normales Verhalten für jede Notion-Einbettung, nicht speziell für diese.

Veröffentlichte Seiten verhalten sich wie private. Eine Notion-Site oder eine über Share to web geteilte Seite lädt das Spiel auch für anonyme Besucher. Eine interne Wiki-Seite funktioniert also genauso wie eine öffentliche Landingpage.

Gute Orte für einen Minesweeper-Block in Notion

  • Die „Pausenraum“- oder Freitagsseite im Team-Wiki, wo ein 9×9-Spielfeld eine Ablenkung für zwei Minuten ist.
  • Eine Onboarding-Seite, versteckt in einem Toggle mit einem Titel wie „Belohnung für diesen Abschnitt“.
  • Eine Unterrichts- oder Lernseite neben Notizen zu Wahrscheinlichkeit und logischem Schließen – Minesweeper ist ein sauberes Beispiel für Schlussfolgern unter Bedingungen.
  • Ein persönliches Dashboard, in der rechten Spalte neben deiner Aufgabendatenbank.

Wenn du statt einer Voreinstellung eine bestimmte Spielfeldform willst, nimmt die URL feste Maße und eine Minenzahl, zum Beispiel ?size=12x12&mines=20. Mit &branding=false fällt die „Powered by“-Zeile im Fenster weg. Das ist rein optisch und hat nichts mit dem Quellenlink zu tun, den du als Bildunterschrift hinzufügst – der bleibt in jedem Fall.

Fragen zum Einbetten in Notion

Kann ich iframe-HTML in Notion einfügen?

Nein. Embed-Blöcke in Notion nehmen nur eine URL an – einen HTML-Block gibt es in Notion nicht, und ein eingefügtes iframe-Tag bleibt einfach als Text stehen. Kopier stattdessen die Adresse aus src="..." im Einbettungscode und füg die ein.

Warum zeigt meine Notion-Einbettung „Failed to load“?

Diese Meldung bedeutet, dass die verlinkte Website sich nicht in einer anderen Seite anzeigen lässt. Die Einbettungs-URL von Minesweeper ist genau dafür gebaut. Siehst du die Meldung trotzdem, prüf, ob du die /embed-URL statt einer normalen Seiten-URL eingefügt hast und ob die Adresse mit https:// beginnt.

Wie bekomme ich die Minesweeper-Einbettung in Notion auf volle Breite?

Verbreitere den Block über die seitlichen Ziehmarken, öffne dann oben rechts das •••-Menü der Seite und schalt Full width ein, um die Standardränder von Notion zu entfernen. Auf einer Seite in voller Breite passt das Experten-Spielfeld (30x16) bequem auf einen Laptop-Bildschirm.

Funktioniert die Einbettung in der Notion-App fürs Handy?

Ja. Notion blockiert nur Einbettungen, für die man sich bei einem externen Dienst anmelden muss, und diese braucht kein Konto. Auf dem Handy ist das Spielfeld schmal, nimm also die Anfänger-Größe 9x9 und setz Flaggen durch langes Drücken statt per Rechtsklick.

Brauchen Besucher ein Notion-Konto, um zu spielen?

Nein. Sobald die Seite im Web veröffentlicht ist, kann jeder mit dem Link sie laden und spielen. Das Spiel läuft komplett in ihrem Browser und speichert nichts in deinem Notion-Workspace.

Muss ich den Quellenlink in Notion von Hand hinzufügen?

Ja, und nur in Notion. Auf jeder anderen Plattform kommt die Quellenzeile mit dem eingefügten Code, aber Notion hat keinen HTML-Block, also kann nichts, was du einfügst, sie mitbringen. Bau sie als Bildunterschrift am Embed-Block oder als Textzeile darunter nach und verlinke die Worte Minesweeper spielen auf https://play-minesweeper.games/. Dank dieser Links ist das Einbetten kostenlos und unbegrenzt.

Verbraucht ein Embed-Block meinen Notion-Speicherplatz?

Nein. Ein Embed-Block speichert einen Link, keine Datei, und fällt deshalb nicht unter das Upload-Limit von 5 MiB pro Datei in kostenlosen Notion-Workspaces. Du kannst so viele Spielfelder hinzufügen, wie du willst, ohne deinen Speicher anzutasten.

Alles auf dieser Seite beginnt mit einem Code aus dem Generator: einem Spielfenster und einer einzeiligen Quellenangabe mit Link darunter. Wähl Spielfeldgröße und Design, entscheide, ob die optionale „Powered by“-Zeile im Spiel erscheinen soll, und kopier dann den Code.

Minesweeper-Generator öffnen

Ebenfalls nützlich: der Minesweeper-Widget-Generator mit allen iframe-Optionen, die Minesweeper-Spielanleitung und eigene Spielfeldgrößen.