So fügen Sie kostenlose Browserspiele zu Ihrer WordPress-Website hinzu – ganz ohne Programmierkenntnisse

Viele WordPress-Websites sind darauf ausgelegt, gelesen, überflogen und durchgeklickt zu werden. Das funktioniert gut für Blogs, Unternehmensseiten und Informationsportale, kann aber auch statisch wirken. Ein kleines, spielbares Browserspiel bietet Besuchern eine interaktive Beschäftigung, ohne dass sie eine App herunterladen oder die Website verlassen müssen.

Games I Know bietet leichtgewichtige Browserspiele wie Tic Tac Toe, Four in a Row, Bingo und I Know an. Mit dem WordPress-Plugin „Browserspiele von Games I Know“ können Sie diese Spiele über den Block-Editor oder einen Shortcode hinzufügen, anstatt manuell HTML-Code einzufügen.

Kurz gesagt: Wie fügt man Spiele zu WordPress hinzu?

Installieren Sie Embed Browser Games von Games I Know, fügen Sie Ihre Partner-ID unter Games I Know > Einstellungen hinzu, fügen Sie einen Games I Know Spielblock oder den Shortcode `[gamesiknow]` ein, sehen Sie sich die Seite auf Desktop und Mobilgeräten in der Vorschau an und veröffentlichen Sie sie. Besucher können direkt im Browser spielen, ohne eine App herunterladen zu müssen.

Warum sollte man Browserspiele zu einer WordPress-Website hinzufügen?

Ein Browserspiel muss Ihre Website nicht in ein Spieleportal verwandeln. Für viele WordPress-Websites eignet es sich am besten als kurze interaktive Einheit innerhalb einer größeren Seite: eine kurze Aktivität am Ende eines Blogbeitrags, ein Spiel für den Wartebereich einer Restaurantseite, eine Unterrichtsaktivität oder eine unterhaltsame Pause auf einer Community-Website.

• Spiele können das Engagement und die Verweildauer auf der Seite erhöhen, wenn sie zum Inhalt passen.
• Besucher haben etwas zu tun, ohne Ihre WordPress-Seite verlassen zu müssen.
• Blogbeiträge und Landingpages können durch ein einfaches interaktives Element einprägsamer werden.
• Schulen, Gemeinden und lokale Unternehmen können spielerische Inhalte hinzufügen, ohne eine eigene App entwickeln zu müssen.
• Browserspiele laufen sofort – kein Download aus dem App Store erforderlich.
• Sie vermeiden die Entwicklung eines komplett neuen Spiels, wenn ein gehostetes embed ausreicht.

Für wen ist das nützlich?

• Blogger, die interaktive Blogbeiträge wünschen
• Schulen und Lehrer, die Unterrichtsaktivitäten durchführen
• Community-Websites und Mitgliederseiten
• QR-Codes für Restaurants und Wartezimmer
• Lokale Unternehmen fügen eine leichte Interaktionsnote hinzu
• Agenturen, die WordPress-Websites für ihre Kunden erstellen
• Nischenverlage und Ressourcenzentren
• Interne Teamportale mit einer kurzen Pausenaktivität

Was ist GamesIKnow Embed?

GamesIKnow Embed ist die embed Plattform von Games I Know. Sie ermöglicht Website-Betreibern, spielbare Browserspiele über sichere iframe URLs in ihre eigenen Seiten einzubinden. Für WordPress-Nutzer bietet das offizielle Plugin – Embed Browser Games von Games I Know – eine Einstellungsseite, einen Gutenberg-Block, einen Shortcode und einen Shortcode-Generator, sodass kein iframe HTML-Code manuell geschrieben werden muss.

Zu den bestätigten Plugin-Funktionen gehören der Spieleblock, der Shortcode `[gamesiknow]`, die Einstellungen für die Partner-ID und das Standardverhalten sowie der Shortcode-Generator für kopierfertige Shortcodes. Die Partner-ID ist erforderlich: Ohne sie werden keine Spiele im Spieleblock geladen. Sie verbindet Ihre WordPress-Website mit Ihrem Partnerkonto und Ihrer genehmigten Domain.

Schritt für Schritt: Ein Browserspiel zu WordPress hinzufügen

1. Melden Sie sich in Ihrem WordPress-Admin-Dashboard an.
2. Plugins öffnen > Neu hinzufügen.
3. Suchen Sie nach „Embed Browsergames von Games I Know“.
4. Klicken Sie auf „Jetzt installieren“ und anschließend auf „Aktivieren“.
5. Öffnen Sie Games I Know > Einstellungen im linken Admin-Menü.
6. Erforderlich: Klicken Sie auf „Partner-ID abrufen“, melden Sie sich bei Games I Know an, kopieren Sie Ihre Partner-ID von der Registerkarte „Installieren“, fügen Sie sie in das Feld „Partner-ID“ ein und klicken Sie auf „Partner-ID speichern“.
7. Optional: Aktivieren Sie Lazy Load standardmäßig und erlauben Sie standardmäßig den Vollbildmodus, wenn dies dem gewünschten Verhalten der Spiele im Frontend entspricht.
8. Erstellen Sie einen neuen Beitrag oder eine neue Seite oder bearbeiten Sie einen bestehenden.
9. Fügen Sie den Games I Know Game-Block über den Block-Inserter ein oder fügen Sie einen Shortcode wie [gamesiknow game="tic-tac-toe"] hinzu.
10. Wählen Sie die Spiel- und Layoutoptionen in der Block-Seitenleiste oder in den Shortcode-Attributen aus.
11. Seite auf Desktop und Mobilgeräten in der Vorschau anzeigen. Prüfen, ob das Spiel iframe geladen wird und ausreichend Höhe hat.
12. Seite veröffentlichen oder aktualisieren.

Füge ein Spiel mit dem WordPress-Block hinzu.

Das Plugin registriert einen Block namens „Games I Know Game“ im WordPress-Block-Editor. Öffnen Sie einen Beitrag oder eine Seite, klicken Sie auf das Block-Einfügesymbol (+), suchen Sie nach „Games I Know“ und fügen Sie den Block hinzu. Über die Block-Seitenleiste können Sie Spiel, Design, Modus, Breite, Höhe, Ausrichtung, Eckenradius, Schatten, Lazy Loading und Vollbildoptionen auswählen.

Der Block wird nur im Frontend angezeigt. Im Editor sehen Sie eine Übersichtskarte und den entsprechenden Shortcode, die Ihnen helfen zu verstehen, was nach der Veröffentlichung erscheint. Fehlt die Partner-ID, zeigt der Block im Editor eine Warnung an, und Spiele werden im Frontend erst geladen, nachdem Sie eine Partner-ID unter Games I Know > Einstellungen gespeichert haben.

Füge ein Spiel mit einem Shortcode hinzu

Wenn Sie Shortcodes bevorzugen – oder diese in klassischen Editorbereichen, Widgets oder Page-Buildern benötigen, die Shortcodes unterstützen – verwenden Sie `[gamesiknow]`. Das Plugin enthält außerdem den Shortcode Builder, der direkt im WordPress-Adminbereich kopierfertige Shortcodes generiert.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

Unterstützte Spielnamen sind `tic-tac-toe`, `four-in-a-row`, `bingo` und `i-know`. Optionale Attribute sind `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy` und `allow_fullscreen`.

Wo sollte man Spiele auf einer WordPress-Seite platzieren?

• Am Ende eines Blogbeitrags als verwandte Aktivität
• Auf einer eigenen Spiel- oder Aktivitätenseite
• Auf einer Unterrichts- oder Schulressourcenseite
• Auf einer Community-Hub- oder Veranstaltungsseite
• In einem Landingpage-Abschnitt mit ausreichender Breite
• Auf einer Restaurant- oder Wartezimmerseite
• Auf einer Kinderaktivitätsseite
• In einem breiten Inhaltsbereich oder einem Block in voller Breite

Vermeiden Sie zu schmale Seitenleisten. Browserspiele benötigen ausreichend Breite und Höhe, um spielbar zu sein, insbesondere auf Mobilgeräten. Das Plugin Shortcode Builder enthält empfohlene Größen für jedes Spiel.

Welches Spiel solltest du zuerst hinzufügen?

• Tic Tac Toe — am besten geeignet für schnelles, einfaches Spielen und erste Tests
• Four in a Row — am besten geeignet für leichte Strategie- und familienfreundliche Seiten
• Bingo — am besten geeignet für Gruppen, Klassenzimmer und Veranstaltungen
• I Know — am besten geeignet für Quiz- und Wissensspiele

Handbuch iframe vs. WordPress-Plugin

Sie können Spiele manuell mit HTML programmieren oder das WordPress-Plugin verwenden. Für die meisten WordPress-Nutzer ohne technische Vorkenntnisse ist das Plugin der einfachere Weg, da es die Benutzeroberfläche, Shortcodes, Einstellungen und sichere URLs automatisch verwaltet.

Tipps vor der Veröffentlichung

• Vorschau auf Mobilgeräten und Desktop-Computern vor der Veröffentlichung.
• Fügen Sie oberhalb des Spiels eine kurze Überschrift hinzu, damit die Besucher wissen, was zu tun ist.
• Beschreiben Sie die Aktivität in einem Satz – zum Beispiel: „Spielen Sie eine kurze Runde, während Sie lesen.“
• Vermeiden Sie es, zu viele Live-Spiel-embeds auf einer Seite zu stapeln.
• Testen Sie erneut, nachdem Sie das Design oder den Page-Builder geändert haben.
• Verwenden Sie aus Gründen der Barrierefreiheit klare Spieltitel und iframe-Titel.
• Achten Sie darauf, dass der umgebende Seiteninhalt nützlich bleibt, damit die Seite auch für die Suche gut lesbar ist.

Fehlerbehebung

Das Spiel erscheint nicht.

Vergewissern Sie sich, dass das Plugin aktiviert und die Seite veröffentlicht ist und Sie den Games I Know-Spielblock oder einen gültigen `[gamesiknow]`-Shortcode verwendet haben. Prüfen Sie außerdem, ob Ihr Theme oder Page Builder die Ausgabe von iframe im Frontend zulässt.

Der Shortcode wird als Klartext angezeigt

WordPress führt Shortcodes nur in Inhaltsbereichen aus, die diese verarbeiten können. Falls Sie den Text `[gamesiknow]` sehen, wechseln Sie bitte zu einem Shortcode-Block, zur klassischen Shortcode-Unterstützung oder zu einem Builder-Widget, das Shortcodes ausführt.

Der Block ist im Editor nicht sichtbar.

Suchen Sie im Block-Inserter nach „Games I Know Game“. Falls es immer noch nicht angezeigt wird, überprüfen Sie, ob „Embed Browser Games by Games I Know“ aktiviert ist und ob Sie den Block-Editor verwenden.

Das falsche Spiel erscheint.

Überprüfen Sie den Spielnamen in der Block-Seitenleiste oder im Shortcode. Unterstützte Werte sind `tic-tac-toe`, `four-in-a-row`, `bingo` und `i-know`.

Das Spiel sieht auf dem Handy zu klein aus.

Erhöhen Sie die Höhe, verwenden Sie einen breiteren Inhaltsbereich und vermeiden Sie eine schmale Seitenleiste. Der Shortcode-Generator listet empfohlene Größen für jedes Spiel auf.

Fragen zur Partner-ID

Für das Laden von Spielen ist eine Partner-ID erforderlich. Öffnen Sie Games I Know > Einstellungen, klicken Sie auf „Partner-ID abrufen“, melden Sie sich bei Games I Know an, kopieren Sie den Wert aus dem Installationsbereich Ihres Partner-Dashboards, fügen Sie ihn in das Feld „Partner-ID“ ein und klicken Sie auf „Partner-ID speichern“. Überprüfen Sie außerdem, ob Ihre WordPress-Domain in Ihrem Partner-Dashboard genehmigt ist.

Ein Page-Builder oder ein Theme stört die embed

Manche WordPress-Builder entfernen Inhalte, die mit iframe gekennzeichnet sind, oder blockieren benutzerdefinierte Blöcke. Versuchen Sie, den Shortcode in einem nativen WordPress-Shortcode-Block zu verwenden, testen Sie ihn mit einem Standard-Theme oder konsultieren Sie die Dokumentation des jeweiligen Builders bezüglich der Unterstützung von iframe und Shortcodes.