Widgets für moderne Vereinsseiten
Widgets bringen Live-Daten (Spielplan, Tabelle, Kader, News) direkt auf eure Vereinsseite – ohne manuelles Nachpflegen. In diesem Beitrag zeige ich den Mehrwert, Best-Practices und den Einbau von FuPa- und FUSSBALL.DE-Widgets – inklusive Tabellenübersicht.
Warum Widgets heute Pflicht sind
Moderne Vereinsseiten müssen am Spieltag „leben“: Anstoßzeiten, Ergebnisse, Tabellenstände und Kaderinfos gehören in den sichtbaren Bereich. Widgets lösen das sauber, weil sie Daten automatisiert nachladen und dauerhaft aktuell bleiben – ideal für zLiga-Redaktionen, die Zeit sparen wollen.
Best-Practices (kurz & wirksam)
- Startseite: „Nächstes Spiel“ + „Letzte/Nächste Spiele“ oberhalb der News.
- Teamseite: Spielplan → Tabelle → Kader → Topscorer/Statistik (logische Leserführung).
- Spieltag: Live-/Ticker-Komponente + 2–3 klare CTAs (Anfahrt, Ticket, Sponsor des Spieltags).
- Mobil denken: Widgets immer in einem responsiven Container einbinden (keine festen Höhen erzwingen).
- Redaktion koppeln: Unter jedem Widget 1 Link: Spielbericht / Vorbericht / Sponsor-Partnerseite.
1) Tabelle: Aktuelle FuPa-Widgets
FuPa stellt Widgets bereit, die typische Vereins- und Teamdaten abdecken. Die folgende Übersicht bildet die aktuell kommunizierten Kernansichten ab.
| Widget / Ansicht | Typischer Einsatz | Mehrwert |
|---|---|---|
| Spielplan | Startseite („Nächstes Spiel“) & Teamseite | Aktuelle Termine, weniger Rückfragen, klare Spieltags-Orientierung |
| Tabelle | Teamseite & Liga-Unterseite | Wettbewerbskontext, steigert Verweildauer |
| Kader | Mannschafts-/Abteilungsseite | Spieler sichtbar machen, Neuzugänge & Nachwuchs aufwerten |
| Spielerstatistik | Teamseite („Topscorer“) / Spielerbereich | Storytelling über Leistung, gute Teaser-Option für Social/News |
| Live-/Ticker-Inhalte | Spieltagsseite / Livecenter | Mehr Wiederkehr-Besuche am Spieltag, Dynamik & Aktualität |
Schritt-für-Schritt: FuPa-Widget einbauen
- FuPa-Widget-Builder öffnen und einloggen.
- Team/Wettbewerb auswählen und die gewünschte Ansicht (z. B. Tabelle) konfigurieren.
- Einbettungscode kopieren.
- In zLiga im passenden Inhaltsbereich ein HTML/Code-Modul nutzen (nicht im WYSIWYG-Fließtext, falls Skripte gefiltert werden).
- Seite speichern, mobil testen, ggf. Abstände über Bootstrap-Wrapper (z. B.
mt-3) steuern.
2) Tabelle: Aktuelle Widgets von FUSSBALL.DE
FUSSBALL.DE bietet Widgets für Mannschaft, Verein und Wettbewerb – von „Nächstes Spiel“ bis zu Wettbewerben (inkl. Pokal/Turnier/Halle). Die Übersicht fasst die gängigen Widget-Typen zusammen.
| Widgettyp | Was wird angezeigt? | Typischer Platz |
|---|---|---|
| Kader | Spielerübersicht einer Mannschaft | Teamseite |
| Nächstes Spiel | Das kommende Spiel einer Mannschaft | Startseite/Teamseite (Hero, Sidebar) |
| Letzte/Nächste Spiele (Mannschaft) | Serie der vergangenen und kommenden Spiele | Teamseite |
| Letzte/Nächste Spiele (Verein) | Spielserie über mehrere Vereins-Teams | Startseite („Vereins-Spieltag“) |
| Tabelle | Tabellenstand eines Wettbewerbs | Teamseite/Wettbewerb |
| News & Spielberichte | Aktuelles/Artikel aus dem System | Startseite („Aktuelles“) |
| Wettbewerb | Wettbewerbsansicht (z. B. Spieltage) | Liga-/Wettbewerbsseite |
| Wettbewerbe erweitert | Pokal, Turniere, Hallenturniere etc. | Event-/Turnier-Landingpage |
Schritt-für-Schritt: FUSSBALL.DE-Widget einbauen
- Bei FUSSBALL.DE einloggen und „Meine Widgets“ öffnen.
- „Neues Widget erstellen“ → Widgettyp wählen (z. B. Tabelle oder Nächstes Spiel).
- Mannschaft/Wettbewerb auswählen und Optionen setzen.
- Code kopieren und in zLiga im HTML/Code-Modul einfügen.
- Wichtig: Wenn ein Code-Teil in den
<head>gehört, muss er im Template/Seitenkopf platziert werden – nicht nur im Content. - Speichern, Cache leeren, mobil testen.
3) FuPa vs. FUSSBALL.DE: Vor- und Nachteile
| Kriterium | FuPa | FUSSBALL.DE |
|---|---|---|
| Stärke im Alltag | Sehr gut für Teamdaten + Statistik + spieltagsnahe Inhalte | Sehr gut für Wettbewerbe + vereinsweite Übersicht + DFB-Systemnähe |
| Einbau-Aufwand | Meist schnell (Code kopieren, einfügen) | Teilweise strenger (Website/Domain, ggf. Head/Body-Splitting) |
| Content-Integration | Stark, wenn ihr Berichte/Statistiken als Story nutzt | Stark, wenn ihr Wettbewerbe/Turniere sauber zentral darstellen wollt |
| Typische Stolpersteine | CMS filtert Skripte → HTML/Code-Modul nutzen | Falsche Domain/Einbauposition → Widget lädt nicht korrekt |
| Mein Praxis-Fazit | Ideal für „Live“-Gefühl auf Teamseiten | Ideal für zentrale Vereins- und Wettbewerbsseiten (inkl. Events) |
Konkrete Beispiel-Struktur (zLiga)
- Startseite: „Nächstes Spiel“ + „Letzte/Nächste Spiele“ + News-Teaser.
- Teamseite: Spielplan → Tabelle → Kader → Statistik.
- Turnierseite: Wettbewerbswidget + Spielort/Anfahrt + Sponsorenbereich + Kontakt.
Nächster Schritt: Widgets auswählen, Einbauorte festlegen und einmal sauber mobil testen – danach läuft der Live-Content praktisch von allein.