Die Idee hinter dieser Variante ist, dass wir euch den html-Code zur Anzeige von Daten zur Verfügung stellen. Ihr könnt den Code so bearbeiten wie ihr möchtet und dann diesen direkt in euer CMS wie Wordpress, Joomla, Jimdo, Wix etc. einfügen. Mit dieser Variante passen sich die Daten aus der HGVerwaltung optimal an eure Vereinshomepage an. 

Dazu haben wir euch hier eine Übersicht von unseren aktuellen Codes, welche wir zur Verfügung stellen inkl. eines Beispiels vom Team Test. Den Code könnt ihr mit einem Doppelklick markieren. Wenn ihr die eigenen Daten als Vorschau wollt, könnt ihr in der URL das Wort "test" mit eurem Webcode ersetzen. 

Übersicht Spiele

HTML-CodeBeschreibungBeispiel


Terminübersicht der Spiele einer Saison

Terminübersicht der Spiele einer Saison mit Resultaten

Terminübersicht der Spiele einer Saison mit Resultaten und der Spielliste als Popup ohne Gegnerliste

Terminübersicht der Spiele einer Saison mit Resultaten und der Spielliste als Popup mit Gegnerliste

Terminübersicht der Spiele einer Saison ohne eigene Mannschaftsspalte

Übersicht der Anlässe mit der zusätzlichen Anzeige der Spiele (komplettes Jahresprogramm)

Auswertungen Mannschaft

HTML-CodeBeschreibungBeispiel

Mannschaftsdurchschnitt mit diversen Zahlen

Geschlagene Streiche einer Mannschaft in einem Säulendiagramm

Übersicht der erzielten Rangpunkte einer Mannschaft

Durchschnittsübersicht einer Mannschaft inkl. Veränderung zum Vorjahr

Durchschnittsübersicht einer Mannschaft mit allen möglichen Daten

Entwicklung des Durchschnittes einer Mannschaft seit Erfassung der Resultate

Entwicklung des Durchschnittes einer Mannschaft seit Erfassung mit dem Zusatz, dass wen ein Spieler angewählt wird, ein Diagramm mit dem Verlauf des Durchschnitts angezeigt wird

Entwicklung des Durchschnittes einer Mannschaft über 5 Jahre (Anzahl Jahre kann im Code angepasst werden)

Entwicklung oder fortlaufender Durchschnitt einer Saison einer Mannschaft

Durchschnitt einer Mannschaft der letzten drei Spielen

Übersicht der eigenen Nummern, sofern sie vom Gegner eingegeben wurden und die gemachten Nummern

Auswertungen Spieler

HTML-CodeBeschreibungBeispiel

Grafische Darstellung der geschlagenen Punkte eines Spielers

Grafische Darstellung der geschlagenen Streiche eines Spielers

Grafische Darstellung über den Punktedurchschnitt pro Spiel (blau), sowie den kürzesten (rot) und längsten Streich (grün)

Grafische Darstellung über Punktetotal pro Spiel. Total des Spielers im Spiel (blau), höchstes Total eines Spiels (grün), tiefstes Total (rot), Durchschnitt der Totale (gelb)

Übersicht der geschlagenen Streiche einer Mannschaft

Übersicht der geschlagenen Streiche einer Mannschaft. Zusätzlich kann der Spieler angeklickt werden um eine grafische Darstellung seiner geschlagenen Streiche anzuzeigen.

Streich- und Durchschnitts-übersicht eines Spielers

Streich- und Durchschnitts-übersicht eines Spielers mit der Möglichkeit zur Anzeige verschiedener grafischen Darstellungen

Anzeige der Spieler je Mannschaft mit Foto und diversen Daten aus dem Durchschnitt

Anzeige der Spieler je Mannschaft mit Foto, Name, Jahrgang, Position und Funktion

Karten

HTML-CodeBeschreibungBeispiel

Karte mit einer Übersicht aller Hornusserplätzen nach Meisterschaftsliga sortiert

Karte mit einer Übersicht aller Hornusserplätzen nach Meisterschaftsliga sortiert, anderes Kartenmaterial

Karte mit einer Übersicht aller Hornusserplätzen nach Zweckverband

Einbindung in eure Vereinshomepage

Wenn ihr das gewünschte Beispiel ausgewählt habt, müsst ihr euch den entsprechenden Quellcode kopieren. Entweder markiert ihr den Code hier auf der Seite oder ruft ihn auf der Vorschau mittels rechter Maustaste auf. Wir empfehlen euch, nun diesen Quellcode in einen Editor wie z.B. Windows Editor oder Notepad einzufügen. Im html-Code müsst ihr dann folgenden Teil suchen:

   var club = hgutil.getParameterByName('club');

        if (!club) {
            club = 'test';

Die Variable Club = 'test' müsst ihr nun mit eurem Webcode ersetzen. Diesen findet ihr in der HGVerwaltung im Menüpunkt Club:

Normalerweise vergeben wir einen WebCode der ähnlich dem Gesellschaftsnamen ist. Auf Wunsch können wir auch einen nicht sprechenden WebCode aus einer Zahlen und Buchstabenkombination vergeben. Wenn dies gewünscht ist bitte beim Support melden.

Falls gewünscht, können am Code noch weitere Anpassungen vorgenommen werden, um diesen optimal an eure Vereinshomepage anzupassen. Der Code ist immer gleich aufgebaut:

Script = Stellt die Grundseite dar

CSS (Cascading Style Sheets) = Definiert die Formatierung

HTML = Darstellung der Seite

JavaScript = Funktionen für die Daten

Weiterhin habt ihr natürlich immer noch die Möglichkeit, euch den Code selber zusammenzustellen anhand unserer Codesammlung:

https://www.hgverwaltung.ch/swagger-ui.html#/

Den fertigen Code kopiert ihr nun wieder und fügt diesen in eine leere html-Seite in eurem CMS der Vereinshomepage ein.