← Hilfe-Übersicht

Anleitung für Veranstalter

Website-Widgets

Mit Website-Widgets erscheinen Starterlisten, Ergebnisse, Zeitplan und Prüfungen deiner Turniere direkt auf der Webseite deines Vereins. Du pflegst alles nur einmal in Vereinsturnier – die Webseite ist automatisch aktuell, während des Turniers sogar live.

Was Widgets zeigen

  • Turnierübersicht: Name, Datum, Ort, Status, Beschreibung und kommende Prüfungen.
  • Prüfungsübersicht: alle Prüfungen mit Datum, Status und Links zu Starterliste und Ergebnissen.
  • Starterlisten: eine oder alle Prüfungen, mit Suche nach Reiter oder Pferd und Kennzeichnung von Änderungen.
  • Ergebnisse: Platzierungen passend zur Wertung – Wertnote, Prozent, Fehler und Zeit, Punkte oder Mannschaft.
  • Zeitplan: nach Tag und Platz, laufende Prüfungen hervorgehoben.
  • Kreismeisterschaft: vorbereitet; bis das Meisterschaftsmodul fertig ist, zeigt das Widget einen Hinweis.

Ein Beispiel mit dem Demo-Turnier siehst du auf der Widget-Demoseite.

Widget anlegen

  1. Unter Veranstalter bei deinem Verein auf Website-Widgets gehen (oder im Turnier links unter Listen & Infos → Website-Widgets).
  2. Neues Widget wählen, Turnier und Widget-Typ auswählen, bei Starterlisten und Ergebnissen optional eine Prüfung.
  3. Farben, Schrift und sichtbare Informationen einstellen – die Vorschau rechts zeigt sofort das Ergebnis, auch in Tablet- und Handygröße.
  4. Widget anlegen. Danach erscheint der Einbettungscode.
Tipp: Widgets anlegen dürfen Vereinsadmins und die Turnierleitung (Rolle „Turnierleitung“ im Verein).

Code einbauen

Der empfohlene Code besteht aus zwei Teilen: dem Skript (einmal je Seite) und dem Widget selbst.

<script src="https://vereinsturnier.com/widgets/v1.js" defer></script>
<vereinsturnier-widget widget-id="wgt_…"></vereinsturnier-widget>
  • Mehrere Widgets auf einer Seite – auch von verschiedenen Turnieren – brauchen das Skript nur einmal.
  • Das Widget passt sich der Breite an; auf dem Handy werden Tabellen zu gut lesbaren Karten.
  • Erlaubt deine Webseite keine Skripte, nimm den iFrame-Code. Er passt die Höhe automatisch an, wenn das kleine Skript dahinter mit eingefügt werden darf; sonst gilt die eingestellte Höhe.
  • Der direkte Link führt zur Turnierseite auf Vereinsturnier.com – zum Beispiel für einen Button oder ein Menü.

WordPress

  1. Seite oder Beitrag bearbeiten.
  2. Block Individuelles HTML einfügen und den Code hineinkopieren.
  3. Aktualisieren – fertig.
WordPress.com: Bei WordPress.com ohne Business-Tarif werden Skripte entfernt. Nimm dort den iFrame-Code.

Joomla, TYPO3 und Website-Baukästen

  • Joomla: im Editor auf Code bzw. Quellcode umschalten und einfügen. Entfernt der Editor das Skript, unter Systemeinstellungen den Textfilter für deine Gruppe auf „Keine Filterung“ stellen oder den iFrame nehmen.
  • TYPO3: Inhaltselement Reines HTML (HTML) anlegen und den Code einfügen.
  • Jimdo, Wix, IONOS MyWebsite, Squarespace: Element HTML/Code einbetten wählen. Sind dort keine Skripte erlaubt, den iFrame-Code verwenden.
  • Eigene HTML-Seite: Code an der gewünschten Stelle in den <body> einfügen.

Hat deine Webseite eine Content-Security-Policy, muss sie https://vereinsturnier.com für script-src, connect-src und (beim iFrame) frame-src erlauben. Das richtet meist dein Webmaster ein.

Aussehen anpassen

Im Widget stellst du Farbschema (hell, dunkel, automatisch), Primär- und Akzentfarbe, Schrift, Schriftgröße, Ecken, Tabellendichte, Rahmen und Überschrift ein. Mit „Schrift der Webseite“ übernimmt das Widget die Schrift deiner Seite.

Wer CSS bearbeiten kann, überschreibt Farben auch direkt auf der eigenen Seite:

vereinsturnier-widget {
  --vt-primary-color: #1f5e45;
  --vt-border-radius: 8px;
  --vt-font-size: 14px;
}

Die übrigen Styles deiner Webseite verändern das Widget nicht – und das Widget verändert deine Webseite nicht.

Live-Aktualisierung

Während des Turniers erscheinen neue Ergebnisse, geänderte Starterlisten und Zeitplanänderungen nach wenigen Sekunden – ohne Neuladen. Ist eine Live-Verbindung nicht möglich, fragt das Widget alle 30 Sekunden nach (seltener, wenn es gerade nicht zu sehen ist). Unten im Widget steht, wann die Daten zuletzt aktualisiert wurden.

Was öffentlich ist

  • Widgets zeigen genau das, was auch die öffentliche Turnierseite auf Vereinsturnier.com zeigt – nicht mehr.
  • Starterlisten, Zeitplan und Ergebnisse erscheinen erst, wenn du die Zeiteinteilung veröffentlicht hast. Vorher zeigt das Widget einen Hinweis.
  • Zurückgezogene oder stornierte Nennungen erscheinen nicht. Startzeiten je Reiter nur, wenn sie in der Prüfung eingestellt sind.
  • Besucher deiner Webseite brauchen kein Konto, und das Widget setzt keine Cookies.
  • Ein deaktiviertes oder gelöschtes Widget zeigt auf der Webseite nur noch einen Hinweis.

Häufige Fragen

Muss ich nach dem Turnier den Code ändern?
Nein. Ein Widget gehört zu einem Turnier. Für das nächste Turnier legst du ein neues an (am schnellsten mit „Duplizieren“ und Turnier wechseln) und tauschst die Widget-ID im Code.
Kann ich Widgets anderer Vereine einbinden?
Mit der direkten Konfiguration (tournament="verein/turnier" type="results") lässt sich jedes öffentliche Turnier zeigen – ebenfalls nur mit den öffentlichen Daten.
Das Widget zeigt „nicht gefunden“.
Prüfe, ob die Widget-ID stimmt, das Widget aktiv ist und das Turnier veröffentlicht ist. Ist eine Domain-Beschränkung eingetragen, muss die Webseite dazu passen.
Werden Suchmaschinen die Ergebnisse finden?
Die offizielle Quelle bleibt die Turnierseite auf Vereinsturnier.com; das Widget verlinkt sie. Der Link im Einbettungscode bleibt auch für Suchmaschinen sichtbar.