Turnierbaum auf der Vereinswebseite einbetten

Was Besucher sehen

Die eingebettete Ansicht zeigt den Turnierbaum, die Tabelle oder den Spielplan genau so, wie er im Werkzeug aussieht. Besucher deiner Vereinswebseite können nichts ändern. Sie sehen Namen, Ergebnisse und die Siegerlinie, bei Bedarf wischen sie den Baum seitlich. Die Höhe des Rahmens wählst du im Konfigurator in Pixeln. Optional passt sie sich automatisch dem Inhalt an. Dafür braucht deine Seite ein kleines Skript, und manche Baukästen blockieren Skripte.

Trägst du auf dem Handy ein Ergebnis ein, aktualisiert sich die eingebettete Ansicht auf allen offenen Seiten sofort. Das ist das Praktische bei einem Turnier vor Ort: Der Hallenbildschirm, die Vereinswebseite und das Smartphone des Wirts zeigen denselben Stand.

Einbettungscode holen und anpassen

1. Lege dein Turnier an, siehe Turnierbaum erstellen, und klicke auf „Live teilen“. Erst dann liegt es auf dem Server und lässt sich einbetten.
2. Öffne auf dieser Seite den Konfigurator. Wähle dort die Höhe in Pixeln und das Farbschema: Hell, Dunkel oder automatisch. Eine freie Farbwahl gibt es nicht. Bei „automatisch“ folgt die Ansicht der Einstellung des Besuchers.
3. Kopiere den Code. Er besteht aus einem iframe, also einem Fenster auf eine andere Seite, und darunter einem Link zu tournamentbracket.org.
4. Füge den Code an der Stelle ein, an der der Baum erscheinen soll.

Bitte lass den Link unter dem Rahmen stehen. Er ist unsere einzige Gegenleistung für das kostenlose Werkzeug.

Schritt für Schritt: WordPress, Wix, Jimdo und HTML

Die Bezeichnungen in den Baukästen ändern sich gelegentlich, das Prinzip bleibt gleich: Du brauchst ein Element, in das du eigenen HTML-Code einfügen darfst.

• WordPress: Bearbeite die Seite im Block-Editor, füge einen neuen Block hinzu und wähle „Individuelles HTML“ (englisch „Custom HTML“). Klicke auf „HTML bearbeiten“, füge den Code ein und bestätige mit „Aktualisieren“. Bei WordPress.com brauchst du für iframes einen Tarif mit Hosting-Funktionen.
• Wix: Gehe im Editor auf „Hinzufügen“, dann „Code einbetten“ und „Beliebte Einbettungen“ und wähle „HTML einbetten“. Klicke auf das Element, dann auf „HTML-Code eingeben“, füge den Code ein und klicke auf „Anwenden“. Ziehe das Element auf die gewünschte Größe.
• Jimdo (Creator): Füge ein neues Element „Widget/HTML“ hinzu und kopiere den Code in das Feld. Bei Jimdo Dolphin gibt es dieses Element laut Jimdo nicht.
• Einfaches HTML: Setze den kopierten Code an die Stelle in deiner Datei, an der der Baum stehen soll, und lade die Seite hoch.

Manche Tarife der Baukästen erlauben keinen eigenen Code. Findest du das Element nicht, steht in der Hilfe deines Anbieters meist, welcher Tarif es freischaltet.

Datenschutz im Rahmen

Der eingebettete Rahmen setzt keine Cookies und lädt keine Inhalte von Dritten, also keine fremden Schriften, Skripte oder Bilder. Es gibt keine Werbung. Die Besucher deiner Webseite werden dadurch nicht verfolgt. Beschreibe in der Datenschutzerklärung deiner Webseite, dass ein Dienst von tournamentbracket.org eingebunden ist. Unsere eigene Erklärung findest du unter Datenschutz.

Wichtig für dich als Veranstalter: Wer den öffentlichen oder den eingebetteten Link kennt, kann den Baum nur ansehen. Eintragen darf nur, wer den geheimen Bearbeitungslink hat. Gib diesen nur an die Personen weiter, die Ergebnisse melden sollen, am besten an die Schiedsrichter. Wenn du den Baum nicht mehr zeigen willst, löschst du das Turnier. Dann verschwindet auch die Einbettung.

Wenn der Rahmen leer bleibt

• Prüfe, ob du das Turnier mit „Live teilen“ veröffentlicht hast. Ein nur lokal gespeichertes Turnier lässt sich nicht einbetten.
• Kontrolliere, ob dein Baukasten den Code unverändert übernommen hat. Manche Baukästen zeigen eingebetteten Code erst auf der veröffentlichten Seite, nicht in der Bearbeitungsansicht.
• Lade die Seite einmal neu. Ist das Turnier gelöscht oder wurde es 12 Monate nicht aufgerufen, ist es nicht mehr da.

Die Formate erklären Turnierplan erstellen und Doppel-K.-o.-System. Für den Aushang gibt es die Turnierbaum-Vorlagen.