Turnier auf eigener Website einbetten

Live-Feed, Turnierbaum und Resultate lassen sich direkt auf deiner Vereins- oder Veranstaltungs-Website anzeigen — deine Besucher:innen bleiben auf deiner Seite, die Daten kommen live aus MOEP. Technisch ist das ein iframe: ein kleiner Codeschnipsel, den du auf deiner Website einfügst.

Damit das funktioniert, braucht es zwei Dinge. Sie gehören bewusst zusammen:

Was	Wo eingestellt	Bedeutung
Freigabe	am einzelnen Turnier	Ob dieses Turnier eingebettet werden darf
Erlaubte Domains	einmal für die Organisation	Wo es angezeigt werden darf

Fehlt eines von beiden, zeigt die eingebettete Ansicht nichts an. Das ist Absicht: so wird ein Turnier nicht versehentlich auf einer fremden Seite sichtbar.

Schritt 1 — Erlaubte Domains hinterlegen

Öffne Turnierapp → Turniere → Embed-Domains und trage die Adresse der Website ein, auf der das Turnier erscheinen soll — zum Beispiel app.eurorapidsurf.org. Du kannst mehrere Domains eintragen; die Liste gilt für alle Turniere deiner Organisation, du pflegst sie also nur einmal.

Ein paar Hinweise zur Eingabe:

Schema, Port und Pfad kannst du weglassen. https://app.eurorapidsurf.org/live wird beim Speichern automatisch zu app.eurorapidsurf.org gekürzt.
Ein vorangestelltes *. erlaubt eine Unter-Ebene: *.eurorapidsurf.org deckt app.eurorapidsurf.org und www.eurorapidsurf.org ab, aber nicht eurorapidsurf.org selbst.
www.deinverein.de und deinverein.de sind für Browser zwei verschiedene Adressen. Wenn deine Website unter beiden erreichbar ist, trage beide ein.
Eingaben, die keine gültige Domain ergeben, werden nicht übernommen und dir nach dem Speichern in einem gelben Hinweis genannt.

Schritt 2 — Turnier freigeben und Code kopieren

Öffne das Turnier und wähle unter Zuschauer & Broadcast den Punkt „Auf fremder Website einbetten”. Setze dort den Schalter „Einbettung auf fremden Websites erlauben”. Ist noch keine Domain hinterlegt, weist dich ein gelber Kasten darauf hin — hol Schritt 1 dann zuerst nach.

Darunter stellst du ein, wie das Embed aussehen soll:

Startansicht — Live-Feed, Turnierbaum oder Resultate.
Umschalter anzeigen — mit den drei Reitern können Besucher:innen selbst wechseln. Schaltest du ihn aus, zeigt das Embed nur die gewählte Ansicht.
Farben — „Farben der Organisation” übernimmt dein Vereins-Design. „Hell”, „Dunkel” und „Automatisch” verwenden stattdessen eine neutrale Fläche und behalten nur deine Akzentfarbe; „Automatisch” folgt der Systemeinstellung der Besucher:innen.
Sprache — Deutsch oder Englisch.
Höhe — die Starthöhe in Pixeln.

Ganz unten stehen zwei Codeschnipsel zum Kopieren.

Welchen Codeschnipsel nehme ich?

Der empfohlene Code enthält zusätzlich eine kleine Skript-Zeile. Sie sorgt dafür, dass das Fenster automatisch mitwächst, wenn der Inhalt länger wird — etwa beim Wechsel vom Live-Feed auf den Turnierbaum. Nimm diesen, wann immer deine Website eigene Skripte erlaubt.

Der Code ohne Skript ist für Systeme, die kein JavaScript im Inhalt zulassen. Er funktioniert genauso, nur bleibt die Höhe fest — stelle sie oben so ein, dass der Inhalt hineinpasst, sonst entsteht im Fenster ein eigener Scrollbalken.

Füge den kopierten Code auf deiner Website an der Stelle ein, an der das Turnier erscheinen soll. In den meisten Redaktionssystemen gibt es dafür einen Block namens „HTML”, „Code” oder „Embed”.

Was im Embed zu sehen ist

Die eingebettete Ansicht zeigt Startnummer, Vor- und Nachname, Lycra-Farbe, die einzelnen Wertungen, die Gesamtwertung und wer weiterkommt. Bewusst nicht enthalten sind Athletenfoto, Kurzbiografie, E-Mail-Adresse, Heimatort und alle internen Kennungen — es werden nur die Daten ausgeliefert, die zur Darstellung des Turniers nötig sind.

Das Embed setzt keine Cookies und funktioniert deshalb auch dann, wenn Browser Drittanbieter-Cookies blockieren.

Nach dem Turnier

Ein abgeschlossenes Turnier bleibt eingebettet sichtbar und zeigt die Endresultate; es fragt dann keine Aktualisierungen mehr ab. Willst du es ganz von der fremden Seite nehmen, schalte die Freigabe am Turnier wieder aus — der Codeschnipsel auf deiner Website kann stehen bleiben, er zeigt dann einen neutralen Hinweis.

Wenn nichts angezeigt wird

Die Fläche bleibt leer und die Browser-Konsole meldet frame-ancestors: Die Domain deiner Website steht nicht in der Liste aus Schritt 1. Prüfe die Schreibweise, insbesondere www..
Es erscheint „Dieses Turnier ist nicht für die Einbettung freigegeben”: Der Schalter am Turnier ist aus, oder das Turniermodul ist für deine Organisation nicht aktiv.
Änderungen wirken nicht sofort: Freigabe und Domainliste werden bis zu einer Minute zwischengespeichert. Warte kurz und lade die Seite neu.
Die Höhe passt nicht: Prüfe, ob die Skript-Zeile aus dem empfohlenen Code mitkopiert wurde. Ohne sie gilt die feste Höhe.