Zurück

Fußball-WM 2026: Fügen Sie Ihrer App eine Sektion mit Spielplan und Ergebnissen hinzu – ganz ohne Code

on 

Die WM 2026 hat begonnen, und die Spiele werden alle in ihren Bann ziehen: eine Gelegenheit, Ihr Publikum zu binden und zugleich ein neues zu gewinnen – direkt in Ihrer App. So fügen Sie eine Sektion mit Spielplan und Ergebnissen hinzu – der Spielstand jeder Partie, nächstes Spiel im Fokus, Anstoßzeit in der lokalen Zeitzone – ausgehend von einem einfachen Prompt, dank des AI Extension Builder von GoodBarber.

Die WM findet überall statt, nur nicht in Ihrer App

Vom 11. Juni bis zum 19. Juli 2026 prägen 48 Mannschaften und Dutzende Spiele sechs Wochen weltweiter Aufmerksamkeit. In dieser Zeit verfolgt Ihre Community die Ergebnisse in fünf anderen Apps. Keine davon trägt Ihren Namen.

Eine Sektion mit Spielplan und Ergebnissen: genau die Art von Seite, für die Sie gestern noch einen Entwickler gebraucht hätten. Heute beschreiben Sie sie, und sie baut sich selbst. So geht's.

Was Sie erhalten

Eine einzige Seite zum Durchscrollen:

  • Zuerst die bereits gespielten Partien, danach die kommenden. Beim Öffnen springt die Seite direkt zum nächsten Spiel: das letzte Ergebnis genau darüber, der Rest genau darunter.
  • Nach Tagen gruppiert, mit einer klaren Datumsüberschrift.
  • Endstand für abgeschlossene Spiele, Anstoßzeit in der lokalen Zeitzone des Besuchers für kommende Spiele.
  • Eine abgerundete Karte pro Spiel, mit beiden Mannschaften und ihren Flaggen sowie einer dezenten Hervorhebung des nächsten Spiels.
  • Ein sportliches, Mobile-First-Design.

Und vor allem: echte Daten, niemals erfundene. Während des Ladens erscheinen Platzhalter; bei einem Fehler eine klare Meldung mit einer Schaltfläche „Erneut versuchen" – keine falschen Ergebnisse.

Zwei Wege führen zum Ziel.

Methode 1 – Der Express-Weg: ein Klick in der Beispielbibliothek

Ideal, um schnell ein Ergebnis zu erzielen.

  1. Fügen Sie in Ihrem GoodBarber-Backoffice eine Sektion hinzu und wählen Sie „Mit KI erstellen" (den AI Extension Builder).
  2. Öffnen Sie die Beispielbibliothek.
  3. Wählen Sie das Beispiel „WM 2026 – Spielplan & Ergebnisse".
  4. Der Assistent generiert den Code und zeigt das Ergebnis live an, im Kontext Ihrer App.

Keine Konfiguration, keine API zum Anbinden, keine einzige Zeile Code. Das Beispiel bringt bereits den richtigen Prompt mit – genau den, den wir gleich darunter aufschlüsseln. Sie können ihn unverändert übernehmen oder an die Farben Ihrer App anpassen.

Das ist das „Ein-Klick"-Szenario: Die Sektion steht in weniger als einer Minute. Doch zu verstehen, wie das Beispiel aufgebaut ist, befähigt Sie, anschließend weitere zu erstellen – für Ihre nationale Liga, Ihre lokale Spielklasse oder die Spiele Ihres einen Vereins.

Methode 2 – Der maßgeschneiderte Weg: die Anatomie des Prompts

Hier ist der exakte Prompt, der sich hinter dem Beispiel verbirgt. Er passt in ein paar Zeilen, und jede Zeile hat ihren Grund.

Erstelle eine klare, moderne Seite, die alle Spiele der FIFA Fußball-Weltmeisterschaft 2026 in einer einzigen, einfachen Scroll-Liste anzeigt — zuerst die bereits gespielten Spiele, dann die kommenden. Wenn die Seite geöffnet wird, scrolle direkt zum nächsten anstehenden Spiel, damit die Leute die neuesten Ergebnisse direkt darüber und das, was als Nächstes kommt, darunter sehen. Gruppiere die Spiele nach Tag mit einer gut lesbaren Datumsüberschrift. Bei beendeten Spielen zeige das Endergebnis; bei kommenden Spielen zeige die Anstoßzeit in der lokalen Zeitzone des Besuchers. Kennzeichne ein gerade laufendes Spiel mit einem kleinen roten „LIVE“-Label. Gib jedem Spiel seine eigene Karte mit abgerundeten Ecken, mit den beiden Mannschaften und ihren Flaggen, und hebe das nächste Spiel dezent hervor. Verwende echte, aktuelle Daten — erfinde niemals Ergebnisse oder Spielpaarungen. Beziehe sie von genau diesem Link und verwende ihn unverändert, so wie er ist: https://site.api.espn.com/apis/site/v2/sports/soccer/fifa.world/scoreboard?dates=20260611-20260719&limit;=950 Einige der späteren Spiele haben ihre Mannschaften noch nicht festgelegt (du wirst Bezeichnungen wie „Group A Winner“ sehen) — zeige diese einfach ohne Flagge an und stelle sicher, dass ein ungewöhnliches Spiel niemals den Rest der Liste zerstört. Während die Daten geladen werden, zeige Lade-Platzhalter, und falls sie nicht geladen werden können, zeige eine freundliche Meldung mit einer Schaltfläche „Erneut versuchen“ statt irgendwelcher erfundener Daten. Gestalte sie sportlich und mobile-first, mit abgerundeten Karten, einem grünen Akzent und einer fixierten Kopfzeile. Der gesamte Text auf Deutsch.

Unser Beispiel ist auf Englisch verfasst und fordert eine englischsprachige Oberfläche (All text in English). Das ist keineswegs Pflicht: Schreiben Sie Ihren Prompt auf Deutsch und fordern Sie deutsche Texte an, wenn Ihr Publikum deutschsprachig ist.

Was diesen Prompt zuverlässig macht, sind fünf einfache Grundregeln. Sie sind es, die Sie sich merken sollten – weit mehr als dieser konkrete Fall.

1. Das Ergebnis beschreiben, nicht den Code. Sie sagen dem Assistenten nie, wie er etwas tun soll. Sie sagen ihm, was der Nutzer sehen soll: eine scrollende Liste, zuerst die gespielten Partien, der Einstieg direkt beim nächsten Spiel. Sie beschreiben ein Erlebnis; der Assistent schreibt den Code.

2. Auf eine echte Datenquelle verweisen – und sie respektieren. Der Prompt gibt einen Live-Datenlink und eine nicht verhandelbare Anweisung vor: Verwende echte, aktuelle Daten — erfinde niemals Ergebnisse oder Spielpaarungen, verwende ihn unverändert. Das ist der Schutzwall gegen Halluzinationen. Bei jedem Öffnen liest die Seite die echte Quelle; sie erfindet niemals ein Ergebnis. (Für ein anderes Event ändern Sie genau diese Zeile: Ihre Liga, Ihre Spielklasse, Ihr Verein.)

3. Sonderfälle einplanen. 2026 stehen bei vielen Spielen der Finalrunden die Mannschaften noch nicht fest – Sie werden Bezeichnungen wie „Group A Winner" sehen. Der Prompt hat das vorgesehen: solche Spiele ohne Flagge anzeigen und vor allem dafür sorgen, dass ein ungewöhnliches Spiel niemals den Rest der Liste zerstört. Ein einziger fehlerhafter Datensatz darf nicht die ganze Seite zum Absturz bringen.

4. Leere Zustände und Fehler sauber abfangen. Während des Ladens: Platzhalter. Bei einem Fehler: eine klare Meldung und eine Schaltfläche „Erneut versuchen". Niemals falsche Daten, um eine Lücke zu füllen. Genau das unterscheidet eine echte Sektion von einer Demo, die im Meeting abstürzt.

5. Den Stil in einem Satz festlegen. Mobile-First, abgerundete Karten. Der Assistent braucht eine kurze, klare Gestaltungsrichtung, kein Lastenheft.

Diese fünf Grundregeln gelten nicht nur für Fußball. Übertragen Sie sie auf einen Veranstaltungskalender, eine Produktliste oder eine interne Punktetabelle: Es ist dieselbe Prompt-Grammatik.

Warum das in GoodBarber wirklich funktioniert

Code mit einer KI zu generieren – das können viele Tools. Der Unterschied liegt darin, wo dieser Code landet.

Hier schreibt der Assistent nicht ins Leere. Die generierte Sektion fügt sich direkt in Ihre App ein: Das Hosting ist inklusive, sie übernimmt das Smart-Design-System Ihrer Anwendung und sie ist in Ihre App eingebettet – auf iOS, Android und als PWA – und wird wie alles andere über die Stores verteilt. Das Ergebnis ist kein Code-Schnipsel zum Kopieren und Einfügen: Es ist eine lebendige Sektion in einer echten App.

Und das ist erst der Anfang: Eine so gebaute Sektion kann auch auf die Fähigkeiten der Plattform zugreifen – Geolokalisierung, Inhalte, Push-Benachrichtigungen und mehr. Unser Beispiel kommt ohne all das aus – es liest seine Ergebnisquelle direkt – aber Sie können Seiten bauen, die bei der Integration in Ihre App deutlich weiter gehen.

Das erklärt auch das ureigene Versprechen von GoodBarber – professionelle Apps, ohne eine einzige Zeile Code zu schreiben, seit 2011, mit heute einem Download alle 4 Sekunden in 152 Ländern. Der AI Extension Builder führt diese Logik fort: Wenn eine Funktion im Katalog mit über 190 Extensions fehlt, sind Sie nicht mehr auf einen Entwickler angewiesen – Sie beschreiben sie, und sie wird Ihrer App hinzugefügt.

Legen Sie los

Die WM 2026 dauert sechs Wochen. Das Aufmerksamkeitsfenster aber ist jetzt offen.

Öffnen Sie den AI Extension Builder in Ihrem Backoffice (oder starten Sie eine kostenlose Testphase), wählen Sie das Beispiel „WM 2026" in der Bibliothek und veröffentlichen Sie Ihre Sektion mit Spielplan und Ergebnissen vor dem nächsten Anstoß. Greifen Sie dann für die nächste fehlende Funktion Ihrer App auf die fünf Grundregeln des Prompts zurück.

Kurz gefasst (FAQ)

Sind die Ergebnisse aktuell?

Bei jedem Öffnen der Seite liest die Sektion eine Live-Datenquelle. Die angezeigten Ergebnisse und Uhrzeiten sind die, die diese Quelle zurückgibt – niemals erfundene Daten.

Muss man programmieren können?

Nein. Sie beschreiben die Sektion in natürlicher Sprache; der Assistent generiert den Code und zeigt ihn live an. Anschließend können Sie den Prompt verfeinern oder den Code bei Bedarf direkt bearbeiten.

Kann ich das auf ein anderes Event oder meine Liga übertragen?

Ja. Die Struktur des Prompts ist wiederverwendbar: Ändern Sie die Datenquelle und den Stil, um einen anderen Wettbewerb, eine lokale Spielklasse oder nur die Spiele Ihres Vereins abzudecken.