Website Integration

RACE RESULT bietet Ihnen viele Möglichkeiten, die Online-Anmeldung und -Ergebnisse nahtlos in Ihre eigene Website einzubinden.

Das geschieht über einen kleinen Javascript-Schnipsel, der die Ergebnisse direkt auf Ihre Website lädt (kein iframe). Alle CSS Styles Ihrer Website werden auf die Online-Anmeldung und -Ergebnisse angewendet. Wo notwendig, können Sie CSS hinzufügen, um die Darstellung entsprechend anzpassen.

Den Javascript-Code, den Sie kopieren und auf Ihrer Website einfügen, finden Sie unter my.raceresult.com->Einbindung eigene Website.

Die nachfolgenden Artikel erklären die verschiedenen Arten von Einbindungs-Codes. Für die Einbindung der Ergebnisse könnte der Code wie folgt aussehen:

<div id="divRRPublish" class="RRPublish"></div> 
<script type="text/javascript" src="//my.raceresult.com/RRPublish/load.js.php?lang=en"></script> 
<script type="text/javascript"> 
<!--
   var rrp=new RRPublish(document.getElementById("divRRPublish"), 58385, "results"); 
--> 
</script> 
<style>
   /* Add custom CSS here or elsewhere to change the design */ 
</style>

Um die Darstellung der Liste grafisch anzupassen, können Sie CSS verwenden. Verwenden Sie den Browser-Inspector, um die Bezeichnungen der Klassen der Objekte herauszufinden, die Sie anpassen möchten. Der Anpassung per CSS sind kaum Grenzen gesetzt.

Teilnehmer, Ergebnisse und Live-Listen einbinden

Um Teilnehmer-, Ergebnis- oder Live-Listen einzubinden, müssen Sie den entsprechenden Quellcode kopieren. Alle drei Codes sind sehr ähnlich. Es gibt jedoch einige wichtige Unterschiede und einige Funktionen, mit denen Sie diese Listen anpassen können.

Hier ist der Quellcode als Referenz.

<div id="divRRPublish" class="RRPublish"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRPublish/load.js.php?lang=en"></script>
<script type="text/javascript">
<!--
    var rrp=new RRPublish(document.getElementById("divRRPublish"), 123456, "results");
    rrp.ShowTimerLogo=true;
    rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

Dieser Quellcode lädt Daten basierend auf der angegebenen Veranstaltungs ID und der angegebenen Seite. Alle rot markierten Abschnitte sind Variablen, die Sie ändern können, um den eingebetteten Code anzupassen. Im obigen Beispiel wird die Ergebnisliste für die Veranstaltung 123456 geladen. Wenn Sie die Listen "Teilnehmer" oder "Live" laden möchten, müssen Sie "results" in Rot entweder in "participants" oder "live" ändern.

Außerdem gibt es zwei boolesche Optionen zum Ein- und Ausschalten von Funktionen.

  • rrp.ShowTimerLogo - wenn diese Option auf true gesetzt ist, wird das Timer-Logo am unteren Rand der Ergebnisse angezeigt.
  • rrp.ShowInfoText - wenn diese Option auf true gesetzt ist, wird der für die angegebene Seite definierte Infotext angezeigt.

Anmeldung und Online-Änderung einbinden

Der Quellcode für die Online-Anmeldung ermöglicht es Ihnen, das Anmeldeportal direkt in Ihre Website einzubinden. Damit können Sie auch die ChangeLink()-Funktion für die Online-Änderung direkt mit Ihrer Website verknüpfen.

Hierfür müssen Sie den Quellcode der Online-Anmeldung in Ihre Website einbinden.

 

<div id="divRRRegStart" class="RRRegStart"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRRegStart/load.js.php?lang=de"></script>
<script type="text/javascript">
<!--
  var rrp=new RRRegStart(document.getElementById("divRRRegStart"), 230672);
  rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

Im Quellcode gibt es zwei wichtige änderbare Variablen, die wir in rot gekennzeichnet haben.

  • EventID - Die Veranstaltungs-ID der einzubettenden Veranstaltung
  • rrp.ShowInfoText - entweder true oder false, hierüber wird bestimmt, ob der Infotext der Anmeldeseite mit eingebunden werden soll