Mahjong-Solitär auf Ihrer Website oder in Ihrem Blog einbetten

Wir freuen uns, eine neue Funktion auf TheMahjong.com vorzustellen. Ab jetzt können Sie unser Mahjong-Solitär-Spiel direkt in Ihre eigene Website oder Ihren Blog einbetten. Egal, ob Sie einen kleinen persönlichen Blog, ein Spieleportal oder eine Seite über Rätsel und Gehirntraining betreiben – Ihre Besucher können nun Mahjong-Solitär direkt auf Ihrer Seite spielen.

In diesem Artikel erklären wir, wie die neue Einbetten-Funktion funktioniert, für wen sie gedacht ist und wie Sie ein Mahjong-Solitär-Spiel zu Ihrer Website hinzufügen können.

Warum wir die Einbetten-Funktion hinzugefügt haben

Mahjong-Solitär passt ganz natürlich zu verschiedenen Arten von Inhalten – Anleitungen zu Rätseln, Themenartikeln, Seiten über Gedächtnis und Aufmerksamkeit oder einfachen Sammlungen von Layouts. In solchen Fällen funktioniert es besser, wenn das Spiel direkt auf der Seite steht, statt nur auf eine separate Website zu verlinken.

Die Einbetten-Funktion macht das möglich, ohne dass Sie die Struktur Ihrer Website ändern müssen. Sie funktioniert wie ein kleiner, in sich geschlossener Spiel-Block, der genau dort Teil Ihrer Seite wird, wo Sie ihn brauchen. Sie fügen der Seite nur ein kleines Snippet hinzu, und wir kümmern uns um den Rest: Das Spiel wird von unseren Servern geladen, bleibt aktuell und funktioniert genauso wie auf TheMahjong.com.

Zwei Möglichkeiten, Mahjong-Solitär einzubetten

Es gibt zwei einfache Möglichkeiten, Mahjong-Solitär zu Ihren Seiten hinzuzufügen:

• iframe, das auf fast jeder Website funktioniert,
• oEmbed, das von vielen gängigen Content-Management-Systemen (CMS) unterstützt wird.

Beide Optionen zeigen dasselbe Spiel. Der Unterschied liegt nur darin, wie Sie es zu Ihrer Seite hinzufügen.

Option 1: Einfaches iframe-Embed

Die iframe-Variante gibt Ihnen ein kurzes HTML-Snippet, das Sie in Ihre Seite einfügen können. Das funktioniert gut, wenn Sie den HTML-Code Ihrer Website bearbeiten können oder wenn Ihr Editor einen Block für benutzerdefinierten Code hat.

Ein typisches iframe-Embed sieht so aus:

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

Sie können:

• dieses Blockelement dort platzieren, wo das Spiel erscheinen soll;
• die width in Prozent anpassen, damit sich das Spiel an die Breite des Containers anpasst;
• die height in Pixeln anpassen, damit sie zum Layout Ihrer Seite passt.

Wenn Sie TheMahjong.com unterstützen möchten, können Sie in der Nähe des eingebetteten Spiels einen kleinen Textlink zurück zu unserer Website hinzufügen. Das ist nicht erforderlich, wird aber immer geschätzt.

Option 2: oEmbed für CMS-Plattformen

Wenn Ihre Website auf einem CMS läuft, das oEmbed unterstützt (zum Beispiel WordPress, Drupal oder Joomla mit den passenden Plugins), können Sie die Einbetten-Funktion nutzen, ohne direkt mit iframe-HTML zu arbeiten.

Jede Seite „Teilen“ enthält die Layout-URL und den oEmbed-Code.

Einige Editoren können die Layout-URL automatisch in ein eingebettetes Spiel umwandeln. Sie fügen die URL einfach in einen Block ein, der eingebettete Inhalte unterstützt. In anderen Setups müssen Sie den oEmbed-Code möglicherweise in ein spezielles Feld oder einen Block einfügen, der von einem Theme oder Plugin bereitgestellt wird.

Wenn Ihr CMS nur einen normalen Link statt des Spiels anzeigt, bedeutet das höchstwahrscheinlich, dass oEmbed nicht aktiviert ist oder in diesem Teil des Editors nicht unterstützt wird.

Wo das Einbetten besonders gut funktioniert

Das Einbetten ergibt vor allem auf Seiten Sinn, auf denen das Spiel das Thema unterstützt, anstatt davon abzulenken. Hier sind einige Stellen, an denen ein Mahjong-Solitär-Block besonders gut funktionieren kann:

• Themenbezogene Blogposts und Artikel. Wenn Sie über Rätsel, entspannende Spiele, Konzentration oder kurze Pausen im Tagesablauf schreiben, kann ein eingebettetes Mahjong-Solitär-Layout neben dem Text als kleines interaktives Beispiel stehen. Sie können ein Layout wählen, das grob zum Thema passt, damit das Spiel auf der Seite nicht zufällig wirkt.
• Spiel- und Rätselbereiche auf einer Website. Auf Websites, die bereits einen Bereich „Spiele“ oder „Rätsel“ haben, kann ein eingebettetes Mahjong-Spiel eines der Hauptelemente der Seite sein, statt nur ein Link. Das funktioniert sowohl für kleine persönliche Projekte als auch für größere Portale, die ein weiteres klassisches Puzzle hinzufügen möchten, ohne es von Grund auf selbst zu entwickeln.
• Seiten über Gedächtnis, Aufmerksamkeit und Training. Artikel, die über Konzentration, Mustererkennung oder einfache tägliche Gehirnübungen sprechen, können von einem spielbaren Beispiel profitieren. Mahjong-Solitär eignet sich gut als stressarme Aktivität, die Leser sofort ausprobieren können – ohne etwas zu installieren oder die Seite zu verlassen.
• Saisonale oder ereignisbezogene Seiten. Für saisonale Inhalte (Herbstthemen, Winterfeiertage, lokale Feste) können Sie Layouts einbetten, die zur Stimmung der Seite passen. Zum Beispiel ein Layout mit einem Tierkreiszeichen für Ihr tägliches astrologisches Horoskop. Ein thematisches Layout in der Nähe des Haupttextes lässt die Seite vollständiger wirken und gibt Besuchern einen Grund, ein wenig länger zu bleiben.
• Community-Hubs und „Mach mal Pause“-Seiten. Manche Community-Websites, Foren oder internen Team-Sites haben einfache Seiten wie „Mach mal Pause“ oder „Spiel eine Minute“. Ein eingebettetes Mahjong-Solitär-Layout fügt sich dort natürlich ein als kleine, eigenständige Aktivität, die keine Registrierung und keine Downloads erfordert.

Leistung und Ladeverhalten

Das eingebettete Spiel wird per HTTPS von TheMahjong.com geladen. Es nutzt denselben Code und dieselben Assets wie die Hauptseite, daher ist die Performance ähnlich: Sobald das Spiel im Cache liegt, sollten Layouts bei erneuten Besuchen schnell geladen werden.

Wenn Sie das Spiel mit dem Attribut loading="lazy" im iframe einbetten, warten die meisten Browser mit dem Laden, bis der Spieler in die Nähe des Spiels scrollt. Das kann dazu beitragen, dass Ihre Seite reaktionsschnell bleibt, besonders wenn Sie mehr als ein eingebettetes Spiel auf derselben Seite haben.

Wir hoffen, dass diese neue Einbetten-Funktion einen guten Platz auf Ihrer Website findet. Ganz gleich, ob Sie sie in einem einzelnen Artikel oder als Teil eines Spielebereichs verwenden – probieren Sie ruhig verschiedene Layouts und Platzierungen aus, bis sie sich natürlich in Ihre Inhalte einfügt.